mcpField
N
number-details

number-details

github.com/mengto设计与 UI7.1k1.5k 次安装3 天前更新
代码仓库

关于 number-details

用于在步骤、功能组、卡片和编辑式布局中添加低调的两位数标记。强调位置和样式的一致性,让数字辅助内容层级而不喧宾夺主。

主要功能

  1. 01统一使用两位数编号
  2. 02卡片与分区的标记位置建议
  3. 03低对比度等宽或窄体字样
  4. 04对齐与间距规则

适用场景

  1. 01标记流程步骤
  2. 02为功能卡片增加节奏感
  3. 03组织时间线和编辑式分区

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/mengto/skills --skill number-details

安装后在 Claude Code 中输入/number-details确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

demo/
index.html
PROMPT.md
source.json

详细介绍

数字细节技能

使用场景

  • 需要用精致的 01、02、03 标记来呈现流程步骤、功能分组、卡片或编辑节奏的部分。

工作流

  1. 将数字标记用作次要视觉结构,而非主要内容。
  2. 使用 01、02、03 等两位数编号,保持一致。
  3. 将标记置于固定位置:卡片角落、章节间距、时间线轨道或标题旁。
  4. 使用等宽或窄体大写字体,并降低对比度,让细节呈现出建筑感。
  5. 确保所有编号元素的间距和对齐方式一致。

注意事项

  • 不要让装饰性数字与标题或 CTA 争夺注意力。
  • 同一章节中不要混用不同的编号样式。

评论

支持 Markdown