Design Tools Claudeスキル

Component Story Generator

17

Automates the creation of comprehensive UI component stories and usage examples following Rust-based design patterns.

Professional Canvas Design

16

Generates museum-grade visual art and design documents through sophisticated design philosophies and expert-level craftsmanship.

Slack GIF Creator

16

Generates and optimizes animated GIFs and custom emojis specifically tailored for Slack's technical constraints.

Algorithmic Art Canvas

16

Generates sophisticated algorithmic art and interactive p5.js sketches based on unique computational philosophies and emergent behaviors.

Theme Factory

16

Applies professional color palettes and typography to artifacts like slides, documents, and HTML landing pages.

Theme Factory

16

Applies professional design systems, color palettes, and font pairings to digital artifacts like presentations and documents.

Algorithmic Art & Generative Design

16

Generates sophisticated algorithmic art and interactive visualizations using p5.js and computational aesthetic principles.

Frontend Design

16

Generates distinctive, production-grade frontend interfaces with high aesthetic quality and custom design systems.

Canvas Design & Visual Arts

16

Generates museum-quality visual art and aesthetic philosophies through a meticulous, two-step creative workflow.

React TypeScript Pro

16

Builds type-safe React 19 applications using modern patterns, Server Components, and TanStack Router integration.

Artifacts Builder

16

Builds complex, production-grade Claude.ai HTML artifacts using modern frontend frameworks like React and shadcn/ui.

Modern Frontend Framework Specialist

16

Implements high-performance web interfaces using cutting-edge React 19, Next.js 16, and Vue 3.5 architectural patterns.

Anthropic Brand Stylist

16

Applies official Anthropic brand colors and typography to visual artifacts to ensure professional and consistent design standards.

Enterprise Shadcn UI Expert

16

Orchestrates professional design systems and accessible React components using the shadcn/ui framework and Tailwind CSS.

Moai Domain UI/UX Expert

16

Accelerates frontend development by implementing enterprise-grade design systems, accessible component architectures, and comprehensive theming solutions.

NotebookLM Infographic Automator

16

Automates the end-to-end creation of professional infographics by combining real-time web research with NotebookLM visual generation.

Image Enhancer

16

Enhances the quality, resolution, and clarity of screenshots and images for professional documentation and media.

Asset Creator

15

Generates professional SVG icons, logos, and custom visual characters using pure SVG code and CSS animations.

Jimeng AI Generation

15

Generates high-quality AI images and videos from text prompts and visual assets using the Jimeng multi-modal engine.

Image Quality Enhancer

15

Enhances image quality by upscaling resolution, sharpening details, and removing compression artifacts for professional-grade visuals.

React Flow Visualization

14

Builds interactive node-based graphs and workflow editors using the React Flow library.

React Flow Advanced Patterns

14

Implements complex node-based UI patterns and interactive diagrams using React Flow and XYFlow.

Tailwind CSS v4 Stylist

14

Implements modern CSS-first styling using Tailwind CSS v4 configuration patterns and OKLCH color systems.

Dagre React Flow Layout

14

Automates hierarchical and tree-based node positioning for React Flow diagrams using the Dagre layout engine.

AI Elements UI Library

14

Provides a comprehensive set of React components for building sophisticated AI-powered user interfaces including chat, tool execution, and workflow visualizations.

shadcn/ui Component Development

14

Implements accessible, themeable UI components using Radix UI primitives and Tailwind CSS styling patterns.

React Flow Architecture

14

Provides expert architectural guidance and implementation patterns for building complex node-based user interfaces with React Flow.

Shadcn/UI Code Reviewer

14

Reviews React components built with shadcn/ui and Radix primitives to ensure proper composition, accessibility, and styling patterns.

React Architecture & Best Practices

14

Enforces scalable architecture, state management, and performance patterns for production-grade React applications.

Visual Feedback Loop (Eyes)

14

Captures website screenshots using Playwright MCP to facilitate collaborative UI debugging and visual refinements with real-time verification.