SkrewwwDESIGN.md alpha
Derived from canonical Skrewww sources; do not edit directly. The exported YAML tokens are normative values for DESIGN.md consumers. Canonical authoring remains in Skrewww's existing token, registry, and Figma sources; make design changes there, then refresh this projection and review its prose.
primary{colors.primitive-color-brand-500}
primitive-color-neutral-0#ffffff
primitive-color-brand-500#6c4cf2
primitive-color-brand-600#5638d6
Headline
Aa
Search
Body
Aa
Label
Aa
Label
Color Palette
Corner Radius
9999px
Derived from canonical Skrewww sources; do not edit directly. The exported YAML tokens are normative values for DESIGN.md consumers. Canonical authoring remains in Skrewww's existing token, registry, and Figma sources; make design changes there, then refresh this projection and review its prose.
Do's & Don'ts
Do
Preserve existing semantic HTML, accessible names, focus, and keyboard behavior.
Maintain this as a derived projection with reviewed prose. Run `npm test -- lib/design-md.test.ts` after canonical changes.
Don't
Never rely on color alone to convey state.
Do not invent component props, unsupported modes, token values, or parity claims.
Motion is component-specific in CSS/tokens; no global duration or easing scale is implied here. Preserve the relevant implementation's reduced-motion behavior.
Download .md
License MIT
Uploaded 2 weeks ago
Version v1
File size 6.5 KB
Downloads 30
Copies 4
Use with MCP
Using designmd mcp, download the design system https://designmd.ai/usmanfarooqi88/skrewww-design-system and implement it in my code
Don't have the MCP? Install it here