paper-ds-components

Installation
SKILL.md

Keep real components available

Load paper-ds-canvas and ../paper-ds-manage/references/versioning.md. Read the component source, its call sites, existing instances, and revisions before drawing or refreshing.

Sources

Use the authority selected in the manifest. Code defines recipes and APIs; stories provide real content and states. For a Figma system, follow ../paper-ds-options/references/figma.md. Screenshots are a last-resort approximation and never evidence of an exact implementation.

  1. Inventory the requested components. Import only what the task needs; a large library can be split into explicit batches. Preserve component names and source locations.
  2. Find existing canonical nodes and drafts. If source and Paper both changed, report the conflict rather than overwriting either. Checkpoint any existing artwork before a refresh.
  3. Give each canonical component its own page, named exactly like the component. Keep Components as a compact index, not one large specimen page. Immediately place each newly created page in the component group under that index with arrange_pages; create_page otherwise inserts it beside the user's active page. Build that component's baseline, actual variants, sizes, and states on its page, with one panel per shipped theme. Record pages.componentPages.<Name> and the component record's page. Keep explorations and reviews on separate subject pages. Read values from source rather than substituting a generic-looking component.
  4. Name instances by their real props, such as Badge warning subtle sm. Include compact usage notes: when to use it, the default variant, an alternative, and supported optional slots. Each rule must trace to source or an explicit user decision.
  5. Verify every imported variant that was requested with real content. Capture source version when available, artwork, token snapshot, and rendered evidence. Mark unsupported effects as approximate and record them in divergences.
  6. Add a baseline revision and source mapping to the manifest. An import is not user approval and is not an implementation check. Leave implementedRevision null unless matching code checks and visual verification have actually been recorded.
  7. When a refresh succeeds, mark dependent active explorations for review rather than silently replacing their chosen instances. The user may have intentionally changed them.
Installs
2
GitHub Stars
1
First Seen
Oct 15, 2026