Design sync: tensies-ui bindings + config for claude.ai/design#70
Open
radiantnode wants to merge 1 commit into
Open
Design sync: tensies-ui bindings + config for claude.ai/design#70radiantnode wants to merge 1 commit into
radiantnode wants to merge 1 commit into
Conversation
First sync of the Tensies design language to the "Tensies UI" Claude Design project. The repo frontend is vanilla web components, so the synced package is .design-sync/bindings/ — thin React components that emit the exact markup the app's real static/css styles; the CSS, tokens, and fonts ship verbatim (only /static/ URLs rewritten). Includes 32 authored+graded preview stories, the conventions header the design agent reads, and NOTES.md for future re-syncs. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01CghX3megWQUQGZVJXfvodE
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
First sync of the Tensies design language to claude.ai/design (project Tensies UI). Everything here is sync input — the durable set future re-syncs reuse:
.design-sync/bindings/— thetensies-uipackage: thin React components that emit the exact markup the app's real CSS styles (the repo frontend is vanilla web components, so this bridge is what Claude Design's React-based agent builds with). The CSS/tokens/fonts ship verbatim fromstatic/css+static/fonts;build.mjsassembles them with only/static/URL rewrites..design-sync/previews/— 32 authored preview stories, all graded good on the absolute rubric (styled / complete / plausible)..design-sync/conventions.md— the header inlined into the design agent's README: dark-surface rule, fixed-shell/inner-scroll, token + class vocabulary (validated against the built bundle)..design-sync/config.json+NOTES.md— pins the target project, build command, card overrides; gotchas + re-sync risks for the next run.Verification
package-validate.mjsexits clean: 32/32 components render, 0 bad / 0 thin, fonts (Inter, EB Garamond, Rye, Yellowtail) load,styles.cssclosure resolves..review.htmleyeballed.🤖 Generated with Claude Code
https://claude.ai/code/session_01CghX3megWQUQGZVJXfvodE