Design Tools Claudeスキル

Brand Color Psychology & Strategy

Develops strategic, psychologically-grounded, and accessible brand color palettes using advanced theory and competitive frameworks.

Progressive Enhancement CSS

Prioritizes lightweight CSS and HTML solutions over JavaScript to build performant, accessible, and maintainable web interfaces.

Film Storyboard Pro

Transforms narrative scripts into professional cinematic storyboards and AI-optimized visual prompts.

AI Video Motion Animator

Transforms static image sequences into optimized motion prompts for AI video generation platforms like Runway and Pika.

Figma Design Workflow

Generates production-ready Figma mockups from text specifications using a hierarchical design system architecture.

AI Visual Creation

Provides expert decision frameworks and troubleshooting strategies for high-end AI image and video generation.

Brand Systems Identity & Strategy

Builds comprehensive brand identity systems from strategic positioning to implementation-ready design tokens and documentation.

Canvas Visual Design

Generates high-quality visual art and static designs in PNG and PDF formats using professional design principles and programmatic canvas libraries.

UI Aesthetic & Design Validator

Ensures shadcn/ui components meet high design standards by validating customization depth and flagging generic AI-generated styling patterns.

Canvas Design

Generates museum-grade visual art and design philosophies for high-end posters, brand assets, and artistic compositions.

UI Styling & Frontend Systems

Develops beautiful, accessible user interfaces using shadcn/ui, Tailwind CSS, and sophisticated visual design patterns.

Gay-MCP Deterministic Colors

Generates deterministic, mathematically consistent color palettes and GF(3) trit mappings for reproducible design and computation.

Slack GIF Creator

Generates and optimizes custom animated GIFs specifically tailored for Slack emojis and message requirements.

UX & Interface Specialist

Builds efficient, accessible, and highly reusable user interfaces following modern design system patterns and WCAG standards.

Image Generation Skill

Generates high-quality images and illustrations using OpenAI and Google APIs directly from your development workflow.

Infographic Generator

Transforms complex text and data into professional, publication-ready infographics using diverse layouts and visual styles.

Archetypal Alchemy Engine

Generates psychologically-resonant UI/UX design systems by synthesizing Jungian archetypes with Major Arcana color palettes.

Brand Systems Mastery

Builds comprehensive, professional-grade brand identity systems from strategic positioning to implementation-ready design tokens.

Web Interface Guidelines Reviewer

Audits UI code for compliance with professional web interface guidelines, accessibility standards, and UX best practices.

React Modernization

Upgrades React applications to modern versions and migrates legacy class components to functional components using hooks.

Visual Design Principles

Applies fundamental visual design laws and Gestalt psychology to create balanced, intuitive, and professional user interfaces.

Design Masters

Applies the philosophies and techniques of legendary designers like Dieter Rams and Massimo Vignelli to modern UI/UX challenges.

Cover Image Generator

Generates professional, hand-drawn style article covers by analyzing your content's tone and message.

Rust UI Architecture Specialist

Architects scalable and maintainable Rust desktop applications using standardized GPUI patterns and layered design principles.

GPUI Development Patterns

Streamlines high-performance Rust UI development with standardized GPUI component, state, and event patterns.

Animation & Interaction Validator

Validates and enforces engaging user experiences by ensuring proper animations, transitions, and interactive feedback states in React applications.

GPUI Performance Optimizer

Optimizes GPUI application performance through advanced rendering techniques, layout efficiency, and memory management strategies.

GPUI Styling & Themes

Implements high-performance, responsive UI styling and comprehensive theme management for Rust applications using GPUI.

Shadcn UI Design Validator

Automatically validates React frontend components to prevent generic aesthetics and enforce high-quality, branded design patterns.

Odoo Icon Maker

Generates professional Material Design PNG icons for Odoo modules while automatically updating manifest files and menu XML views.