Design Tools Claudeスキル

Accessibility Design Guard

Audits and repairs web interfaces to ensure compliance with WCAG accessibility standards and inclusive design best practices.

UI/UX Pro Max

Elevates frontend development with comprehensive design intelligence, providing specialized styles, color palettes, and UX best practices across nine technology stacks.

UI/UX Pro Max

Provides comprehensive UI/UX design intelligence and implementation patterns for professional web and mobile applications.

Dayopt Frontend Design

Enforces a minimalist, decoration-free UI design system focused on high-density productivity and functional feedback.

UX Design Principles: Affordances

Guides the creation of intuitive user interfaces by implementing visual cues that suggest how elements should be used.

UI/UX Pro Max

Generates comprehensive design systems, accessibility audits, and production-ready UI components across nine major technology stacks.

Frontend Development Patterns

Implements high-performance React and Next.js architectural patterns for modern web applications.

Frontend Development Patterns

Implements modern React and Next.js design patterns to build performant, scalable, and maintainable user interfaces.

Frontend Development & MudBlazor UI

Builds production-ready Blazor components and layouts adhering to the MudBlazor design system and project-specific conventions.

UI/UX Pro Max

Provides comprehensive UI/UX design intelligence and implementation guidelines across nine major web and mobile technology stacks.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high-quality design aesthetics that avoid generic AI patterns.

Laravel Blade Expert

Generates robust Laravel Blade templates and reusable UI components using modern best practices and clean architecture patterns.

Motion React Animations

Creates high-performance, declarative React animations for sophisticated user interfaces and interactions using the Motion library.

Figma Analyzer

Extracts high-fidelity design assets, metadata, and design tokens directly from Figma files using the REST API.

Draw.io Diagram Master

Generates and edits professional draw.io diagrams in XML format for technical architecture and flowcharts.

Canvas Visual Design

Generates museum-quality visual art and sophisticated design philosophies for posters, brand assets, and digital media.

UI/UX Pro Max - Advanced Design System

Generates comprehensive design systems, accessibility-first components, and professional UI layouts across 9 modern technology stacks.

Scroll Experience Architect

Creates immersive, scroll-driven web experiences using parallax, interactive storytelling, and cinematic animations.

Theme Factory

Applies professional, cohesive color palettes and font pairings to digital artifacts like slides, documents, and landing pages.

Tailwind CSS v4 Patterns

Implements modern utility-first CSS using Tailwind CSS v4 principles, including CSS-native configuration and native container queries.

Advanced Web Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using modern frontend stacks like shadcn/ui and Tailwind CSS.

Frontend Design

Generates distinctive, production-grade frontend interfaces with high-quality aesthetics that avoid generic AI-generated patterns.

Canvas Art & Design Philosophy

Generates museum-quality visual art and professional design philosophies through meticulous spatial and chromatic orchestration.

Frontend Design Pro

Generates distinctive, production-grade frontend interfaces with high-fidelity aesthetics that avoid generic AI design patterns.

UI/UX Pro Max - Advanced Design Intelligence

Provides comprehensive UI/UX design patterns, color palettes, and accessibility-first implementation guidelines for modern web and mobile applications.

UI/UX Pro Max - Design Intelligence

Provides comprehensive UI/UX design guidance, accessibility standards, and implementation patterns across nine modern technology stacks.

Theme Factory

Standardizes the visual identity of digital artifacts through professional color palettes and complementary font pairings.

Theme Factory

Applies professional visual themes and curated color palettes to digital artifacts like slide decks, documents, and landing pages.

Immersive Scroll Experiences

Builds high-performance, cinematic scroll-driven web experiences using advanced parallax and animation techniques.

Tailwind CSS v4 Patterns

Implements modern Tailwind CSS v4 design patterns using CSS-native configuration and utility-first principles.