Design

Apply a named design system to the current project. Themes define color, typography, layout, and interaction patterns.

cerico 9036b1e 2 files · 4.4 KB Updated

File contents

Design System

Apply a design theme to the current project. Each theme is a complete visual language covering color, typography, layout, and interaction.

Usage

  • /design nico - Dark forest aesthetic, elegant restraint

How It Works

  1. Read the theme file from ~/.claude/skills/design/themes/<name>.md
  2. Apply its design tokens, typography, and patterns to the current task
  3. Follow the theme's anti-patterns list to avoid visual mistakes

Available Themes

Theme Aesthetic
nico Dark forest, desaturated palettes, serif typography, circular motifs

Adding Themes

Add a new .md file to themes/ with sections: Color Palette, Typography, Visual Motifs, Spatial Composition, Interaction Patterns, Implementation Notes, Anti-Patterns.

cerico/macfair/tree/main/files/claude/skills/design commit 9036b1e66d

Frequently asked questions

npx skillmds@latest add cerico/design