chore: add design-sync setup for the Aragon App Design System (claude.ai/design)#1243
Open
evanaronson wants to merge 2 commits into
Open
chore: add design-sync setup for the Aragon App Design System (claude.ai/design)#1243evanaronson wants to merge 2 commits into
evanaronson wants to merge 2 commits into
Conversation
….ai/design) Converter config, CSS-from-source pipeline, app-component bundle entry, 103 verified component previews, conventions header, and re-sync notes for the Claude Design project. Tooling only — no app runtime changes. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
|
🚀 Preview Deployment: View Here |
Updated the design-sync setup to facilitate future re-syncs, including configuration for the converter and CSS pipeline. Signed-off-by: Evan Aronson <93671071+evanaronson@users.noreply.github.com>
|
E2E results (preview) Smoke
|
Contributor
Author
|
@aragon/app-team-frontend take a look here: https://support.claude.com/en/articles/14604416-get-started-with-claude-design There are also some UI kit bugs found along the way that design-sync stores in a NOTES.md file. |
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.
Description
Adds the durable inputs for syncing this repo's design system to the Aragon App Design System project on claude.ai/design, so any teammate (or CI) can re-sync with one command after a kit or app change.
What's included (tooling only — no app runtime changes)
.design-sync/config.json— converter config: project pin, component source map, card-mode overrides.design-sync/app-entry.ts+process-shim.ts— curated bundle entry for the app's shared components (wizards, page scaffolding, forms, presentational); exclusion reasons documented inline.design-sync/build-css.mjs+tailwind-entry.css— compiles the design-system CSS from source, mirroringlayoutRoot.css(the kit's shippedbuild.cssis corrupted by its minifier — see NOTES).design-sync/previews/— 103 authored, screenshot-verified component previews (112 components synced total).design-sync/conventions.md— standing instructions inlined into the design agent's prompt (token vocabulary, provider stack, wizard/page patterns).design-sync/NOTES.md— operational playbook: wiring decisions, upstream bug reports for the gov-ui-kit team, re-sync risks.gitignore— excludes the machine-state/scratch dirs (.ds-sync/,ds-bundle/, caches)@aragon/app)Upstream findings worth routing to the gov-ui-kit team
build.css(v2.8.1) has minifier-merged selector lists giving children of ~60md:*/~1402xl:*utilities spurious borders — invisible to consumers that compile from source, broken for anyone using the precompiled file.InputNumber/InputNumberMaxpasssuffix/prefixunescaped into their imask pattern (suffix="days"rendersd_ys).Design project: https://claude.ai/design/p/2f22a679-7abb-4283-9f39-e28a63dba83b
🤖 Generated with Claude Code