Design Tools Claude 스킬

Bootstrap 5.3 Utilities

Provides comprehensive expertise in Bootstrap 5.3 utility classes for rapid, responsive frontend styling without custom CSS.

React Google Maps

Integrates high-performance Google Maps components into React and Next.js applications using the official vis.gl library.

Modern Frontend Technologies

Builds production-grade web applications using modern frameworks, responsive design patterns, and type-safe architectures.

Distinctive Frontend Design

Creates distinctive, production-grade frontend interfaces with high-quality design and unique aesthetics.

Algorithmic Art Studio

Generates sophisticated, master-level generative art using p5.js with a focus on computational philosophy and interactive parameter exploration.

Anthropic Brand Styling

Applies official Anthropic brand identity, typography, and color schemes to documents and visual artifacts.

Canvas Design

Generates sophisticated visual art and design philosophies through a systematic, two-step creative process.

Brand Analyzer

Creates comprehensive brand guidelines and identity audits using established frameworks and archetype analysis.

Visual Canvas & Design Philosophy

Generates museum-quality visual art and sophisticated design philosophies through a systematic, two-step creative process.

UI Styling & Component Design

Architects beautiful, accessible, and responsive user interfaces using shadcn/ui components and utility-first Tailwind CSS.

Frontend Development Standards

Enforces modern React and TypeScript best practices for building high-performance web applications using TanStack and MUI v7.

Hotwire & Turbo Rails Patterns

Implements modern, reactive Rails interfaces using Turbo Drive, Frames, Streams, and Stimulus controllers.

Next.js 16 & React 19 Development

Guides developers through building modern web applications using Next.js 16, React 19, and the App Router architecture with a focus on type safety and performance.

fal.ai Image Generator

Generates production-quality images, logos, and illustrations using state-of-the-art fal.ai models directly from your development environment.

UI/UX Pro Max - Frontend Design Expert

Builds stunning, production-ready user interfaces using a massive database of UI styles, color palettes, and framework-specific best practices.

Designing Frontend

Generates distinctive, production-ready frontend interfaces using advanced design thinking to avoid generic AI aesthetics.

Fal AI Image Generator

Generates and edits high-quality images, infographics, and text-based visuals directly within Claude Code using fal.ai.

UI Component Builder

Builds accessible, responsive, and framework-agnostic UI components for modern web applications and design systems.

Modern Web Design Creator

Generates production-ready, mobile-first websites using Tailwind CSS, modern design patterns, and accessibility best practices.

Web Interface Design Auditor

Audits frontend code against Vercel’s Web Interface Guidelines to ensure high-quality UI, UX, and accessibility standards.

UI/UX Pro Max

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

Web Interface Guidelines Auditor

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

Figram Connection Debugger

Troubleshoots and resolves WebSocket communication issues between the Figram CLI and FigJam plugins.

Figram Core Architecture Development

Manages the core TypeScript engine for Figram, handling DSL processing, validation, and architecture diagram differencing logic.

Frontend Design Architect

Creates distinctive, production-grade frontend interfaces by prioritizing creative design thinking and sophisticated UI implementations.

Obsidian React Component Expert

Builds high-performance React components tailored for Obsidian plugins with seamless TypeScript integration and native styling.

shadcn/ui Component Manager

Manages shadcn/ui component integration in React and Next.js projects through automated searching, installation, and quality auditing.

Theme Factory

Applies professional visual themes and custom color palettes to documents, presentations, and web artifacts.

Frontend Design Architect

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

Anthropic Brand Styler

Applies Anthropic's official visual identity, including colors and typography, to documents and artifacts for a professional, on-brand look.