paper-ds-options-component

Installation
SKILL.md

Options for a component

Run the paper-ds-options procedure. This skill sets the sheet format for components.

Format

  • Clone Sheet Component from TEMPLATE. Three options across, 320 x 200 stages, one stage per theme per option. Spacing and type come from the system tokens (see paper-ds-setup/references/template.md).
  • Three is the row capacity, not a required count. Six directions use two rows. Current/Proposed uses two frames; state checks use the actual states.
  • Each stage shows the component at its real pixel size, centered. Never scale a component to fill the stage.

What every stage shows

Pin the content once and show it in every option: the same label, the same value, the same state.

Add a state strip below the stage only when the choice depends on states. Show the states the component actually has: default, long text, empty, error, loading. Pick the two that stress the structure most. A strip of five identical-looking states is noise.

Ideas to cover

For an open structural exploration, draw ideas from these axes. State checks, revisions, and responsive comparisons keep the design fixed instead:

Installs
2
GitHub Stars
1
First Seen
Oct 15, 2026