About number-details
A design skill for adding quiet two-digit number markers to steps, feature groups, cards, and editorial layouts. It focuses on consistent placement and low-contrast typography so numbers support, rather than compete with, primary content.
Key features
- 01Consistent two-digit numbering
- 02Placement guidance for cards and sections
- 03Low-contrast mono or narrow typography
- 04Alignment and spacing rules
Use cases
- 01Marking process steps
- 02Adding rhythm to feature cards
- 03Structuring timelines and editorial sections
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/number-detailsin Claude Code to confirm it loaded.
Bundled files
References and scripts installed along with SKILL.md.
demo/index.htmlPROMPT.mdsource.jsonDetails
From the project READMENumber Details Skill
Use When
- A section needs subtle 01, 02, 03 markers for process steps, feature groups, cards, or editorial rhythm.
Workflow
- Add numeric markers as secondary visual structure, not primary content.
- Use two-digit numbers such as 01, 02, 03 for consistency.
- Place markers in predictable positions: card corners, section gutters, timeline rails, or beside headings.
- Use mono or narrow uppercase typography with low contrast so the detail feels architectural.
- Keep spacing and alignment consistent across all numbered elements.
Guardrails
- Do not let decorative numbers compete with headings or CTAs.
- Do not mix numbering styles in the same section.
Comments
Markdown supported