Design Tools Claude 스킬

Bootstrap Content & Typography

Provides comprehensive guidance and code patterns for styling typography, images, tables, and core content elements using Bootstrap 5.3.

Algorithmic Art

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

Bluewaves Brand System

Standardizes visual identity across web, documents, and presentations with a curated set of design tokens and assets for the Bluewaves brand.

Frontend Web Development Expert

Orchestrates advanced frontend architecture, UI/UX implementation, and performance optimization for modern web applications.

Wireframe Design & Information Architecture

Generates structured low and high-fidelity wireframes to visualize UI layouts and information hierarchy effectively.

Decathlon Brand System

Implements the official Decathlon brand identity through design tokens, typography, and assets for automated document and UI generation.

Frontend Design Pro

Creates high-end, production-ready frontend interfaces with curated visuals and premium typography.

Wave Artisans Brand Kit

Provides a comprehensive minimalist design system and brand assets for creating high-end documents, presentations, and web interfaces.

Frontend Development Standards

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

UI Styling & Component Design

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

Visual Canvas & Design Philosophy

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

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and a memorable aesthetic.

Brand Analyzer

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

Nano Banana JSON Prompter

Converts natural language into structured JSON schemas for precise, reproducible image generation with Gemini 3 Pro.

Visual Design

Generates professional Mermaid diagrams, AI image prompts, and evidence-based design themes for technical presentations.

Wiggle Logo Animator

Transforms static brand logos into professional motion graphics and Lottie animations using curated design philosophies and automated rendering workflows.

Tenzir UI Design System

Implements Tenzir's standardized design system tokens and component specifications for consistent, brand-aligned frontend development.

Research PDF Generator

Generates aesthetic, print-ready HTML one-pagers and PDFs from research topics using curated design presets.

Visual Engine

Orchestrates sophisticated animation presets, 3D visual components, and interactive gallery experiences while maintaining strict accessibility and performance standards.

VueUse Composables Helper

Streamlines Vue.js and Nuxt development by automatically implementing optimized VueUse composables for state, browser APIs, and DOM interactions.

Vercel React Best Practices

Optimizes React and Next.js applications using industry-leading performance patterns and Vercel-engineered guidelines.

Canvas Design

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

UI/UX Pro Max: Design Intelligence

Automates the creation of high-fidelity frontend interfaces with comprehensive design systems, accessibility audits, and framework-specific UI patterns.

Tailwind CSS v4 Development

Styles and builds modern web interfaces using Tailwind CSS v4 utilities and CSS-first configuration patterns.

Anthropic Brand Styling

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

Nano Banana Visual System

Generates professional, brand-aligned infographics and presentation visuals for shipping and sales pipelines using standardized prompt patterns.

Error UX Therapist

Optimizes application error messages using proven UX patterns and recovery-focused frameworks to improve user satisfaction.

UI/UX Pro Max

Generates professional design systems and high-fidelity frontend interfaces with comprehensive accessibility and performance guidelines.

Algorithmic Art Studio

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

UI/UX Roast & Refine

Analyzes and improves user interfaces through brutal multi-perspective critiques and automated design fixes.