Files
claude-plugins/composer/skills/ui-system/references/inspiration-presets.md
movq 20acf3ae9b chore(composer,symphony): align skills with skill-development spec
Validated against the plugin-dev:skill-development checklist and
applied conformance fixes:

Description style — all five skill descriptions now use the canonical
"This skill should be used when..." third-person form, with expanded
trigger-phrase coverage. Previously used imperative "Use when..." which
the spec calls out as wrong.

Writing voice — body prose changed from "You are the dispatcher / You
walk a user through..." to imperative "Act as the dispatcher / Walk
the user through...". Remaining "you" usage is confined to quoted
output text the agent prints to the user, which is correct usage.

Progressive disclosure — composer/skills/ui-system/SKILL.md was 2513
words (over the 2000-word ideal). Refactored to 1063 words by moving
detailed phase content into:

- references/design-interview.md (D1–D11 phase specifications)
- references/interaction-interview.md (I1–I11 phase specifications)
- references/inspiration-presets.md (Linear/Notion/Stripe/etc. table)

The SKILL.md now points at each reference as needed; agents load only
what's relevant for the current phase. Other four skills already
within the 1000–2000 word range, no refactor needed.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-29 22:10:14 -05:00

1.8 KiB

Inspiration presets

When the user names a reference ("like Linear", "like Notion"), apply these presets as starting points. The user still confirms each value — presets seed the conversation, they don't replace it.

Reference Visual posture Color tone Type Density Motion Radii
Linear quiet, dense, monochrome with one purple accent cool neutral Inter compact restrained, fast tight
Notion minimal, generous spacing, friendly warm-leaning true neutral Inter / system comfortable minimal medium
Stripe clean, technical, indigo accent cool neutral Camphor / system comfortable restrained medium
GitHub utilitarian, dense, clear hierarchy cool true neutral -apple-system stack compact minimal tight
Vercel sharp, monochrome, contrasty true neutral, almost B&W Geist / Inter comfortable restrained, fast tight
Apple HIG spacious, soft, system-native warm-cool mix per platform SF Pro cozy expressive medium
Material 3 adaptive, expressive, dynamic color tone-based dynamic Roboto / Plus Jakarta comfortable expressive pillowy

For "make it look exotic / brutalist / playful / etc.", branch cleanly: ask for two or three reference URLs the user has in mind, and reflect them back as a posture sentence rather than picking presets. Don't invent a preset — the value of this table is that the rows are well-known, recognizable products, not vibes.