[codex] Complete design dictionary pipeline - #3
Merged
Conversation
…okens - All color refs repointed from --style-* to --st-* namespace - RawHeading uses --st-font-display, --st-weight-display, --st-tracking - Cards/containers use --st-radius, --st-shadow inline styles - RawButton uses --st-radius, --st-border-width - Body font uses --st-font-body Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Sample renderers now spread styleTokenVars so --st-* variables are available on the sample root. Display/heading text uses --st-font-display, --st-weight-display, --st-tracking. Body text uses --st-font-body. Card containers use --st-radius and --st-shadow. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
StudioView client component with style/layout dropdowns, viewport toggle, token preview swatch, and URL-query sharing. Preview area applies chosen style tokens independently via its own style-preset-root. Copy buttons reserved as disabled placeholders for Phase 7. Also adds Studio link to primary navigation. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Rename route directories with git mv, add permanent redirects from old URLs in next.config.ts, update all internal links and docs. API route /api/design-style-images unchanged. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
A single --st-radius applied uniformly turned large kawaii cards into giant stadium shapes. Add a separate radiusPill token: - --st-radius: cards/containers (kawaii now 20px, not 9999px) - --st-radius-pill: buttons/small elements (kawaii 9999px) Category defaults set radiusPill = radius except 귀여움/캐주얼. RawButton uses --st-radius-pill. check-data asserts both fields. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
- scripts/style-references.json: curated reference URLs for 12 styles - scripts/capture-references.mjs: Playwright auto-capture script - npm run capture:refs (or with slug args: capture:refs brutalism kawaii) - public/references/ added to .gitignore (copyright, local-only) - playwright added as devDependency Setup: npm install && npx playwright install chromium Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
… split - Replaced broken/flaky links (MySpace archive, Blingee) with reliable ones - Added gallery sources: Dribbble, Awwwards, Pinterest, Behance per style - Split into 'sites' (real brand pages) and 'galleries' (inspiration) - Added note field explaining token research value of each reference - capture-references.mjs now supports --sites-only flag and writes .txt sidecar Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
pandaofwild
marked this pull request as ready for review
June 4, 2026 06:32
pandaofwild
added a commit
that referenced
this pull request
Jun 5, 2026
[codex] Complete design dictionary pipeline
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.
Summary
/componentstokenized component dictionary MVP./studioand closes the updated plan file with verification evidence.Why
The plan file had been rebaselined after the route/token foundation landed, but the remaining copy, component, token coverage, and final QA work was still open. This PR finishes those tasks and records the completed state in the plan.
Validation
npm run check:datanpm run lintnpm run build/studio?style=cyberpunk&layout=dashboard-layout,/studio?style=luxury&layout=product-demo-layout,/styles,/layouts,/components,/web-layouts, and/design-styles/studioand/componentsScreenshots were saved locally under
.next/codex-screens/final-route-qa.