Design-system sync: Web Sequence (Drafting Table) → claude.ai/design#831
Merged
Conversation
…ync inputs Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01SbsEgy2iRuDAorVEZshGr8
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.
Adds the design-sync inputs for syncing the
web/src/ui"Drafting Table" designsystem (the React 19 rewrite's component library) to its claude.ai/design project, so
the Claude Design agent builds with our real components.
Project: https://claude.ai/design/p/ffa534fb-665d-47a6-af0d-7dbbc27d5e88
(12 components imported — Button, IconButton, Dialog, TextInput, Textarea, Switch,
Select, SearchInput, Popover, Tooltip, Menu, BrandLogo — all with authored previews,
graded good, render check 12/12 clean.)
What's in this PR (sync inputs only — no build output, all generated artifacts gitignored)
web/.design-sync/config.json— package/synth-entry config (the app is a Vite app, not apublished lib, so the entry is synthesized from
src/ui;componentSrcMap,cfg.provider,per-component
overrides).web/.design-sync/conventions.md— the design-agent header (two surfaces, semantic palette,fonts, idiomatic snippet); wired via
readmeHeader.web/.design-sync/previews/*.tsx(12) — authored preview cards (the "stories" the DS teamwould write), composed from real app usage.
web/.design-sync/NOTES.md— re-sync runbook + non-obvious gotchas (synth-entry, Tailwind CSSrecompile, runtime Google fonts, the Tooltip context-identity trap, BrandLogo's
[RENDER_THIN]false positive).
web/.design-sync/build-css.sh— recompiles the Drafting Table Tailwind CSS intocssEntry.web/.gitignore— ignores the staged converter scripts (.ds-sync/) and build output (ds-bundle/).Re-sync is one command (see NOTES.md). No production resources touched.
🤖 Generated with Claude Code