number-details — Claude Code skill: 01, 02, 03 markers for layouts
A skill that adds decorative 01, 02, 03 numbers to process steps, cards and headings. Useful when a section needs visual rhythm without extra copy.
npx skills add MengTo/Skills --skill number-details -a claude-codeWhat number-details does
The skill kicks in when a section needs secondary visual structure: process steps, feature groups, cards or editorial blocks. The numbers carry no meaning. They hold rhythm and guide the eye.
Inside is a five-step workflow. Markers go in as two-digit numbers (01, 02, 03) for consistency, in predictable spots: card corners, section gutters, timeline rails, beside headings. Typography is mono or narrow uppercase at low contrast so the detail reads as architectural rather than as an accent. Spacing and alignment stay the same across every numbered element.
There are guardrails too. Decorative numbers must not compete with headings or CTAs, and you cannot mix numbering styles inside one section. If your section already has large numerals in its headings, this skill adds a second layer of digits — worth checking whether the two start fighting.
What it helps with
- number process steps without hand-written markup
- give a card section some rhythm
- place numbers in card corners
- build a timeline with two-digit labels
- align numbering across every block on a page
Example prompts for the agent
- add 01, 02, 03 numbers to the process steps in this section
- number the feature cards in the corner, monospace
- build a timeline with numbers along the rail
How to install number-details
1Skills CLI (Vercel)
npx skills add MengTo/Skills --skill number-details -a claude-code2Manually: put the files in place
~/.claude/skills/number-details/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/number-details/
1Skills CLI (Vercel)
npx skills add MengTo/Skills --skill number-details -a codex2Manually: put the files in place
.agents/skills/number-details/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add MengTo/Skills --skill number-details -a cursor2Manually: put the files in place
.cursor/skills/number-details/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install MengTo/Skills number-details2Manually: put the files in place
.github/skills/number-details/SKILL.md1Skills CLI (Vercel)
npx skills add MengTo/Skills --skill number-details -a gemini-cli2Platform CLI
gemini skills install https://github.com/MengTo/Skills --path agent-skills/web-design/number-detailsManually: put the files in place
.devin/skills/number-details/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add MengTo/Skills --skill number-details -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about number-details
How do I install number-details in Claude?
Run npx skills add MengTo/Skills --skill number-details -a claude-code. The skill file lands at ~/.claude/skills/number-details/SKILL.md.
What does number-details do?
It adds decorative two-digit markers 01, 02, 03 to steps, cards and headings as secondary visual structure.
Can I mix numbering styles in one section?
No, the skill forbids it. The numbers also must not pull attention away from headings and CTAs.
Source text
SKILL.md · MIT
--- name: number-details description: "Add decorative 01, 02, 03 numeric detail markers." --- # Number Details Skill ## Use When - A section needs subtle 01, 02, 03 markers for process steps, feature groups, cards, or editorial rhythm. ## Workflow 1. Add numeric markers as secondary visual structure, not primary content. 2. Use two-digit numbers such as 01, 02, 03 for consistency. 3. Place markers in predictable positions: card corners, section gutters, timeline rails, or beside headings. 4. Use mono or narrow uppercase typography with low contrast so the detail feels architectural. 5. 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.
© MengTo · MIT · MengTo/Skills
