number-details — скилл для Claude Code: номера 01, 02, 03 в вёрстке
Скилл добавляет декоративные номера 01, 02, 03 к шагам процесса, карточкам и заголовкам. Пригодится, когда секции нужен визуальный ритм без нового контента.
npx skills add MengTo/Skills --skill number-details -a claude-codeЧто делает number-details
Скилл включается, когда секции нужна вторичная визуальная структура: номера шагов процесса, групп фич, карточек или редакционных блоков. Числа здесь не несут смысла, они держат ритм и направляют взгляд.
Внутри — короткий воркфлоу из пяти шагов. Номера ставят двузначными (01, 02, 03) для единообразия, в предсказуемых местах: углы карточек, поля секции, рельсы таймлайна, рядом с заголовками. Типографика — моно или узкий uppercase с низким контрастом, чтобы деталь читалась как архитектурная, а не как акцент. Отступы и выравнивание одинаковые у всех нумерованных элементов.
Есть и ограничения. Номера не должны конкурировать с заголовками и CTA, а смешивать стили нумерации в одной секции нельзя. Если у вас в секции уже есть крупные цифры в заголовках, этот скилл добавит второй слой цифр — это повод проверить, не начнут ли они спорить друг с другом.
Какие задачи решает
- пронумеровать шаги процесса без ручной разметки
- добавить ритм секции с карточками
- расставить номера по углам карточек
- сделать таймлайн с двузначными метками
- выровнять нумерацию по всем блокам страницы
Примеры запросов агенту
- добавь номера 01, 02, 03 к шагам процесса в этой секции
- пронумеруй карточки фич в углу, моноширинным шрифтом
- сделай таймлайн с номерами вдоль рельсы
Как установить number-details
1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill number-details -a claude-code2Вручную: положить файлы
~/.claude/skills/number-details/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/number-details/
1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill number-details -a codex2Вручную: положить файлы
.agents/skills/number-details/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill number-details -a cursor2Вручную: положить файлы
.cursor/skills/number-details/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install MengTo/Skills number-details2Вручную: положить файлы
.github/skills/number-details/SKILL.md1Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill number-details -a gemini-cli2Командой платформы
gemini skills install https://github.com/MengTo/Skills --path agent-skills/web-design/number-detailsВручную: положить файлы
.devin/skills/number-details/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add MengTo/Skills --skill number-details -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора144
Похожие
Рядом в теме «Дизайн»
Всё по теме «Дизайн» →Вопросы о number-details
Как установить number-details в Claude?
Выполните npx skills add MengTo/Skills --skill number-details -a claude-code. Файл скилла появится по пути ~/.claude/skills/number-details/SKILL.md.
Что делает number-details?
Добавляет декоративные двузначные номера 01, 02, 03 к шагам, карточкам и заголовкам как вторичную визуальную структуру.
Можно ли смешивать стили нумерации в одной секции?
Нет, скилл прямо это запрещает. Номера также не должны перетягивать внимание с заголовков и CTA.
Исходный текст
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
