AutoGineer
Generated banner for Number Details
Generated logo for Number Details

Number Details

Meng ToCommunityCreated by Meng To

  • Skill
  • Guidelines
  • Design and creative
  • MIT
  • Medium risk
Get it from the source

From the author

Add decorative 01, 02, 03 numeric detail markers.
— the description by Meng To

AutoGineer summary

Written by AutoGineer from the skill’s own files, not by the author

The Number Details skill provides a structured approach to adding subtle, architectural numeric markers to digital interfaces. By using consistent two-digit formatting (01, 02, 03), designers can create a sense of order and rhythm in layouts such as timelines, feature lists, or card-based galleries without overwhelming the primary content.

What it does

  • Defines a standard for two-digit numeric markers.
  • Provides placement strategies for visual consistency.
  • Offers guidance on typography and contrast for decorative elements.
  • Establishes rules for maintaining visual hierarchy.

When to use it

  • When you need to add visual structure to a series of items.
  • When designing timelines or process steps.
  • When creating card-based layouts that require subtle numbering.
  • When you want to improve the editorial rhythm of a page.

Advantages

  • Improves visual organization and layout clarity.
  • Ensures consistent design language across interface elements.
  • Prevents decorative elements from distracting from primary content.
  • Creates a professional, architectural aesthetic.

Usage examples

“How should I style the numbers for a three-step process section?”
The skill advises using two-digit markers (01, 02, 03) with low-contrast, mono, or narrow typography, placed in consistent positions like section gutters or beside headings.
“Where should I place decorative numbers in a card layout?”
The skill recommends placing them in predictable locations such as card corners to maintain a clean, architectural look without competing with the card's main content.

Install

  1. 1 of its files are not mirrored here, so install it from its source:

    https://github.com/MengTo/Skills/tree/5ea1661a0e05d82b054553daaa6baf6d0233c33c/agent-skills/web-design/number-details

Documentation by Meng To

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.

Files

ATTRIBUTION.md

Attribution

This folder is an unmodified copy of the Agent Skill "number-details", distributed by AutoGineer (https://autogineer.com/agent-skills).

The skill's own files are unmodified copies. AutoGineer is not affiliated with or endorsed by the author or the publisher.

Files added by AutoGineer

  • ATTRIBUTION.md: this file, written by AutoGineer

  • LICENSE: copied from LICENSE

Requirements and compatibility

Works with: Claude Code, Claude apps, OpenAI Codex, GitHub Copilot, Cursor, Gemini CLI, Kiro, OpenCode, Goose, Amp, Roo Code, JetBrains Junie, Factory Droid, Devin (ex-Windsurf), Mistral Vibe, OpenHands, Letta

“Works with” means the tool reads the open Agent Skills format; a skill written for one tool may use features others lack.

Security

What our scanner noticed· Medium risk

  • Large base64-encoded blobs

A static scan is not a guarantee. Skills are third-party content: review a skill before you let an agent use it.

Attribution and licence

Created by
Meng To
Publisher
Meng To (Community)
Source
MengTo/Skills · agent-skills/web-design/number-details · commit 5ea1661
Licence
MIT License (redistribution allowed)
  • LICENSE (added by AutoGineer from LICENSE)
  • ATTRIBUTION.md (written by AutoGineer)
Synced

AutoGineer is not affiliated with or endorsed by Meng To or Meng To.

Get it from the source

1 of this skill’s files are not mirrored here, so there is no ZIP. Get the complete skill from its source: MengTo/Skills