Design Tools Claude 스킬

Advanced React Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using Tailwind CSS and shadcn/ui components.

Theme Factory

Styles digital artifacts like slides and documents with professional, curated color palettes and font pairings.

Canvas Design

Generates museum-quality visual art and sophisticated design philosophies for posters, diagrams, and digital artifacts.

Algorithmic Art Generator

Generates original, high-quality generative art using p5.js based on custom computational philosophies and emergent behaviors.

Frontend Design Expert

Creates distinctive, production-grade frontend interfaces and web components that avoid generic AI aesthetics through intentional design thinking.

Canvas Design

Generates museum-quality visual art and high-end design documents based on custom-crafted aesthetic philosophies.

Algorithmic Art Studio

Generates sophisticated, philosophy-driven generative art using p5.js, noise fields, and seeded randomness for reproducible computational aesthetics.

Anthropic Brand Styler

Applies Anthropic’s official visual identity, colors, and typography to presentations and digital artifacts.

Theme Factory

Styles digital artifacts like slides, documents, and HTML pages with professional, curated color palettes and font pairings.

Advanced React Artifacts Builder

Builds complex, multi-component Claude.ai HTML artifacts using modern React, Tailwind CSS, and shadcn/ui frameworks.

Modern CSS & Responsive Design Standards

Implements modern CSS standards, responsive design patterns, and quality-driven styling workflows for CUI projects.

Frontend Design

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design choices.

Magic UI Component Builder

Generates production-grade React and TypeScript UI components using modern design patterns from 21st.dev.

Gemini Image Generator

Generates high-quality professional images and technical illustrations using Google's Gemini 2.5 Flash model directly within your development workflow.

Component Integration

Integrates React components, MDX content, and Tailwind CSS into Astro projects using optimized island architecture patterns.

Tailwind v4 Design System Enforcer

Enforces strict UI consistency and accessibility standards for Next.js projects using shadcn/ui and Tailwind v4.

Tailwind & shadcn/ui Setup

Automates the installation and configuration of Tailwind CSS and the shadcn/ui component library for production-ready Next.js projects.

Generative UI Patterns

Implements dynamic, AI-generated user interfaces using Vercel AI SDK React Server Components and real-time streaming patterns.

React Vite Frontend Development

Accelerates modern React 18+ development using the Vite build tool, TypeScript integration, and advanced state management patterns.