Design & Styling
Design systems, themes, and brand guidelines
Brand Guidelines
Apply Anthropic's official brand colors and typography to artifacts
Canvas Design
Create beautiful visual art in .png and .pdf formats using design philosophy
Theme Factory
Style artifacts with 10 pre-set professional themes or generate custom themes on-the-fly
Web Asset Generator
Generate favicons, app icons (PWA), and social media Open Graph images from logos or text
Frontend Design
The official Claude frontend design skill by Anthropic. Guides Claude Code to create distinctive, production-grade frontend interfaces with high design quality, covering typography, color, motion, spatial composition, and UI design patterns
Architecture Diagram Creator
Creates comprehensive HTML architecture diagrams with SVG visualizations showing business context, data flows, processing pipelines, and system architecture
Dashboard Creator
Creates interactive HTML dashboards with KPI metric cards, SVG charts (bar/pie/line), progress indicators, and data tables with semantic color coding
Flowchart Creator
Creates HTML flowcharts and process diagrams with SVG-based nodes, decision diamonds, connecting arrows, and optional swimlanes with color-coded types
Timeline Creator
Creates HTML timelines and project roadmaps with Gantt-style bars, milestone markers, phase groupings, progress indicators, and status color coding