Design Tools Claudeスキル

Anthropic Brand Guidelines

Applies Anthropic's official corporate identity, including specific color palettes and typography, to digital artifacts and documents.

Vue Component Hierarchy Manager

Enforces standardized component selection and implementation patterns for ShadCN-Vue and Tailwind CSS projects.

Layout Designer

Architects professional page structures and grid systems with a focus on responsive behavior and accessibility.

Typography Designer

Generates comprehensive, accessible typography systems including font scales, weights, and responsive design guidelines.

Component Designer

Designs accessible, responsive, and reusable UI components with detailed state and style specifications for frontend development.

Color System Designer

Generates comprehensive, accessible color palettes and design tokens for consistent application UI styling.

Component Implementer

Implements accessible, responsive, and production-ready UI components based on detailed design specifications.

Slidev Creator

Generates high-quality, production-grade Slidev presentations using unique design patterns and icon-rich layouts.

Interaction Designer

Designs polished UI interaction patterns, animations, and accessibility specifications for web and mobile components.

AI Character Designer

Generates structured prompts for original character designs and mascots across various artistic styles optimized for Nano Banana Pro.

Accessibility Checker

Audits code for WCAG compliance and identifies accessibility barriers to ensure inclusive user experiences.

Frontend Iconify

Streamlines UI asset sourcing by providing instant access to over 200,000 open-source icons and standardized integration patterns.

Spacing System Designer

Generates professional spacing scales, tokens, and responsive layout guidelines for consistent UI design.

Accessibility Design Checker

Audits UI designs and frontend code for WCAG compliance to ensure inclusive and accessible user experiences.

Responsive Design Planner

Architects comprehensive responsive design strategies including breakpoints, mobile-first layouts, and device-specific interaction patterns.

UI Component Architect

Standardizes the creation of accessible, theme-compliant React components using modern web APIs and W3C best practices.

Distinctive Frontend Design

Builds production-grade frontend interfaces with memorable aesthetics and context-specific design patterns.

UX Design Orchestration

Orchestrates end-to-end user experience workflows by coordinating specialized skills in research, architecture, interaction, and visual design.

UX Research & Insights

Guides user experience research from planning and methodology selection through data synthesis and actionable insight delivery.

Page Builder

Streamlines the creation of high-quality marketing landing pages using a curated library of Tailark and Tailwind CSS components.

CLI Design Architect

Provides expert guidance and UX principles for building intuitive, discoverable, and professional command-line interfaces.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality while avoiding generic AI aesthetics.

Canvas Design

Produces museum-quality visual designs and artistic compositions by applying rigorous design philosophies and professional-grade craftsmanship.

Image Enhancer

Enhances image quality by upscaling resolution, sharpening edges, and reducing compression artifacts for professional visual results.

Gemini Image Generator

Generates high-quality AI images directly within Claude Code using Google's Gemini Image Generation APIs.

Next.js UI Builder

Builds clean, hackathon-optimized Next.js user interfaces with pre-configured components and rapid API integration patterns.

Futuristic UI/UX Designer

Generates sophisticated 2026-style UI designs featuring glassmorphism, 3D depth, and modern visual aesthetics.

UI/UX Futuristic Designer

Generates detailed, 2026-style visual design specifications including glassmorphism, 3D depth, and modern SaaS layout guidance.

Next.js UI Builder

Accelerates the creation of functional, hackathon-ready Next.js interfaces using pre-configured components and streamlined prototyping patterns.

Component Architect

Generates production-ready UI components with full boilerplate, tests, and documentation across multiple frontend frameworks.