synthesisui 0.16.0 → 0.16.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/claude-md.js +13 -3
- package/package.json +1 -1
package/dist/claude-md.js
CHANGED
|
@@ -138,9 +138,19 @@ instead, because a new token is a decision for a person to make. There is no com
|
|
|
138
138
|
manifest for an adopted system - the tokens ARE the contract.${SELF_CHECK}`
|
|
139
139
|
: `**When creating or editing components, read the system's GUIDE.md and follow it:** use only semantic tokens
|
|
140
140
|
(\`var(--ds-color-semantic-*)\`, \`--ds-spacing-*\`, etc.), scope the UI with \`data-ds="<slug>"\`,
|
|
141
|
-
and reuse the \`.ds-*\` classes. Do not use raw values outside the system's scale.
|
|
142
|
-
|
|
143
|
-
|
|
141
|
+
and reuse the \`.ds-*\` classes. Do not use raw values outside the system's scale.
|
|
142
|
+
|
|
143
|
+
**Before creating any UI element, look it up in the manifest below.** If something there
|
|
144
|
+
already covers the purpose, do not write it from scratch - run
|
|
145
|
+
|
|
146
|
+
npx synthesisui@latest component <slug> <name>
|
|
147
|
+
|
|
148
|
+
YOURSELF. It materializes that component as real typed code in this project, and you use and
|
|
149
|
+
extend that. The person who asked you for a feature should never have to know these command
|
|
150
|
+
names or type them; finding the right component is your job, not theirs.
|
|
151
|
+
|
|
152
|
+
Only write something new when nothing in the manifest covers the purpose - and when you do,
|
|
153
|
+
say which entry you considered and why it did not fit. To review a
|
|
144
154
|
component, create an isolated sample page (e.g. \`app/synthesisui-samples/<component>/\`) - do not
|
|
145
155
|
apply it to real production pages unless asked.${SELF_CHECK}`;
|
|
146
156
|
const body = `## Design Systems (via SynthesisUI)
|
package/package.json
CHANGED