Design Tools Claude 스킬

Canvas Design

Generates sophisticated, museum-quality visual art and design philosophies through meticulous craftsmanship and spatial communication.

Frontend Design & Aesthetics

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

Frontend Design Pro

Generates distinctive, production-grade frontend interfaces with high-end aesthetics that move beyond generic AI-generated patterns.

UI Styling

Builds high-quality, accessible user interfaces using shadcn/ui components, Tailwind CSS utilities, and sophisticated visual design principles.

Frontend Design Expert

Creates distinctive, production-grade frontend interfaces with high-end aesthetics and bespoke design choices that avoid generic AI patterns.

Frontend Design Expert

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

Distinctive Frontend Design

Creates distinctive, production-grade frontend interfaces with high-end aesthetics and bespoke design choices to avoid generic AI styles.

Frontend Design

Generates high-quality, distinctive frontend interfaces that prioritize intentional design and avoid generic AI-generated aesthetics.

Frontend Design

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design thinking and meticulous implementation.

Frontend Design Pro

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

ChatKit Rails Bootstrap

Integrates and configures OpenAI's ChatKit widget within Ruby on Rails applications using data-driven initialization.

MCP Widget Authoring

Builds dynamic visual UI components and widgets for ChatKit within Model Context Protocol (MCP) server environments.

Phoenix Brand & Reporting

Standardizes visual reporting and dashboard layouts according to the Press On Ventures brand system.

Canvas Design Master

Generates sophisticated visual art and design philosophies for creating museum-quality posters and documents.

Anthropic Brand Styling

Applies Anthropic's official visual identity, including specific hex colors and typography, to artifacts and presentations created with Claude Code.

Lingx Frontend Design System

Enforces a precise, minimal UI design system inspired by Linear and Stripe to create production-grade dashboards and admin interfaces.

Canvas Design

Generates museum-quality visual art and sophisticated design philosophies for high-fidelity posters and digital artifacts.

Frontend Design

Creates distinctive, production-grade frontend interfaces and components with a focus on high-quality, non-generic aesthetics.

Frontend Design Master

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

Algorithmic Art Studio

Generates sophisticated generative art and interactive p5.js sketches based on custom-crafted computational philosophies.

Theme Factory

Applies professional color palettes and font pairings to artifacts like slides, documentation, and HTML landing pages.

Nanobanana Image Generator

Generates and edits high-quality images using the Google Gemini API directly within the Claude Code environment.

UI Component Design System

Implements accessible, theme-compliant UI components using design tokens, semantic HTML, and W3C APG patterns.

UI Component Expert

Builds accessible, theme-compliant React components using semantic HTML and modern design patterns.

Gemini UX Design System

Generates professional UX artifacts including user flows, wireframes, and UI component specifications using the Gemini backend.

Frontend Design Expert

Generates distinctive, production-grade frontend interfaces and high-quality UI components that avoid generic AI aesthetics.

Web Artifacts Builder

Builds sophisticated, multi-component React applications bundled into single-file HTML artifacts for claude.ai.

Frontend Design Expert

Generates high-fidelity, production-grade web interfaces with distinctive aesthetics and creative flair.

Image Generator

Automates the production of professional-grade pedagogical visuals through multi-turn reasoning and a rigorous six-gate quality validation process.

UX Design Principles: Affordances

Guides the creation of intuitive user interfaces by implementing visual cues that suggest how elements should be used.