Repository navigation
Vibe-based style clarification + generated theme catalog - #8
Merged
Merged
Conversation
When a brief doesn't pin down visual style, the create-design skill now asks one AskUserQuestion in vibe space (bold/minimal/elegant/playful/..., light-vs-dark folded into the same call) and maps the answer to a preset via a theme catalog generated from designPresets — falling through to create-theme for custom tokens when nothing fits. - design.ts: DesignSystem gains optional `vibe` + `tags`; all 33 presets filled in (tag vocabulary: light, dark, bold, minimal, elegant, playful, warm, calm, retro, tech, editorial) - /themes gallery cards show the vibe line; detail pages gain a Style panel with vibe + tag chips - scripts/gen-theme-catalog.mts regenerates the catalog table between markers in create-design/SKILL.md (`npm run gen:catalog`); check:sync now fails CI when the table drifts or a preset lacks vibe/tags - create-theme + canva-authoring updated to match; skills re-synced Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Owner
Author
|
Codex review (
No findings to address — merging. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What
When a design brief doesn't pin down the visual style, the
create-designskill now instructs the agent to ask one clarification question in vibe space (bold & loud / minimal & clean / elegant & editorial / playful & colorful / warm / tech / retro — light-vs-dark folded into the sameAskUserQuestioncall), then map the answer to a built-in theme via a theme catalog generated fromdesignPresets— or fall through to thecreate-themeskill to compose custom tokens when no preset fits.How
DesignSystemgains optionalvibe(one-liner) andtags(shared vocabulary:light, dark, bold, minimal, elegant, playful, warm, calm, retro, tech, editorial); all 33 presets filled in. Previously the style descriptions lived only in source comments, so an agent had to interpret raw hex values.scripts/gen-theme-catalog.mts(npm run gen:catalog) rewrites the table between<!-- theme-catalog:start/end -->markers increate-design/SKILL.mdfrom the presets, and errors if any preset lacksvibe/tags.npm run check:syncnow chains a--checkpass, so CI fails on drift.--ui-*themed, verified in light and dark chrome).create-designStep 1 rewritten (ask in vibe space, never as a list of 33 template names; state pick + one alternate; no second round-trip),create-themedocuments the new required preset fields,canva-authoringpoints at the catalog. Committed copies re-synced vianpm run sync.Verification
npm run typecheck+npx tsc --noEmit -p apps/demopassnpm run check:syncpasses (skills in sync, CLAUDE.md == AGENTS.md, catalog matches presets)/themesand/themes/riptidein the browser: vibe lines + tag chips render in light and dark chrome, console clean🤖 Generated with Claude Code