2 definitions in this file:
Machine-readable name of the part (e.g., 'container', 'label', 'icon', 'focus-ring').
What this part is, what it does, and any constraints on its content or appearance.
Whether this part is always present in the rendered output. Defaults to false. When false, the part is conditionally rendered based on props or content.
Default: false
Human-readable name (e.g., 'Container', 'Label', 'Leading Icon').
Design tokens applied to this part. Keys are token-purpose names describing what visual attribute the token controls (e.g., 'background', 'border-radius', 'padding-horizontal', 'text-color'). Values are the token names that provide the value (e.g., 'color-action-primary', 'radius-md', 'space-4').
Links to resources for this anatomy part — design tool nodes, source code blocks, documentation sections, or other addressable references.
References:
richText, link
Identifies this guideline as an anatomy spec.
The named sub-elements of the artifact, in visual order (typically outside-in or top-to-bottom). Each part documents an element that can be styled, tested, or referenced independently.
Min items: 1
Prose overview of the artifact's visual structure — how the parts relate and any notable structural constraints.
Visual previews of the anatomy — typically annotated diagrams with numbered callouts mapping to the parts array. Multiple previews allow different views (e.g., expanded vs. collapsed, with icon vs. without).
Agent-optimized context for this document block. Provides structured information for AI/LLM consumption — constraints, disambiguation, anti-patterns, examples, and keywords.
References:
richText, anatomyEntry, example, agents
Design System Documentation Standard (DSDS) 0.1 — Draft Specification
GitHub