1实现原理 · 为什么它能做到
frontmatter 的 description 就是路由规则：只在用户点名 Nothing 风格/显式调用时启用，明确禁止对泛 UI 任务自动触发——这是它不污染日常设计会话的机制。
nothing-design/SKILL.md
description: This skill should be used when the user explicitly says "Nothing style", "Nothing design", "/nothing-design", or directly asks to use/apply the Nothing design system. NEVER trigger automatically for generic UI or design tasks.
注：这里在做什么：宿主把 description 当技能检索/触发依据，用大写 NEVER + 反例（generic UI or design tasks）把触发面收窄；同时 allowed-tools 只放 Read/Write/Edit/Glob/Grep，没有 Bash/WebFetch，能力边界在清单层就被钉死。
把主观审美翻译成可判定的硬约束：三层重要度 + 拍摄式自检，让模型产出前必须自己判定层级是否成立。
nothing-design/SKILL.md
Every screen has exactly **three layers of importance.** Not two, not five. Three.
注：这里在做什么：把『好看』转成可数规则（恰好三层），并配可执行的自检动作——同节 'The test: Squint at the screen.' 要求眯眼后仍能分辨主次，否则某元素必须缩小/变淡/移位。这是纯 prompt skill 让风格可复现的核心手法。
预算式字体纪律：per screen 限 2 字族 / 3 字号 / 2 字重，并给出『想加字号=间距问题』的替代路径，从源头抑制模型的自由发挥。
nothing-design/SKILL.md
- **2 font families** (Space Grotesk + Space Mono. Doto only for hero moments.)
注：紧邻原文为 '- **3 font sizes** (one large, one medium, one small)' 与 '- **2 font weights** (Regular + one other — usually Light or Medium, rarely Bold)'，并附一张『该用字号还是字重/颜色区分』的决策表。
死 token 数值表：色值 hex、字阶 px、字距 em、间距 px 全部写死，模型不必即兴发明数值，输出可复现且跨会话一致。
nothing-design/references/tokens.md
| `--text-display` | `#FFFFFF` | 21:1 | Headlines, hero numbers |
注：这里在做什么：tokens.md 的 Palette 表同时给出 Token / Hex / 'Contrast on #000' / Role 四列（如 --text-secondary 6.3:1、--text-disabled 4.0:1），把对比度也变成选值依据；下接 Dark/Light 双列对照表，同一 token 两名一值。
组件规格表把 token 组合成『照抄即合规』的尺寸：每个部件给出背景/边框/文字/半径/字距/最小高度，落到 CSS 级别。
nothing-design/references/components.md
All buttons: `Space Mono`, 13px, ALL CAPS, letter-spacing 0.06em, padding 12px 24px. Min height 44px.
注：components.md 共 15 节（cards/buttons/inputs/lists/tables/nav/tags/segmented control/date nav/toggles/segmented progress/charts/widgets/overlays/state patterns），每节都是这种可直接转写的参数行，第 11 节被标为 'The signature data visualization'。
平台映射把同一套 token 翻成三种输出目标的落地语法：网页 CSS 自定义属性、SwiftUI Color 扩展、设计工具内直接 hex。
nothing-design/references/platform-mapping.md
## 3. PAPER (DESIGN TOOL)
注：platform-mapping.md 只有三节：HTML/CSS/WEB（给整块 :root 变量）、SWIFTUI / iOS（给 static let ndBlack = Color(hex: "000000") 等扩展）、PAPER（设计工具）。注意 SKILL.md 还宣称有 React/Tailwind 一节，实际不存在——见 verification 的 discrepancy。
反模式清单用禁令收敛风格：无渐变/无阴影/无 skeleton/无 toast/无 emoji 等硬性 Never 列表，比正面描述更能压住模型的『通用美观』默认值。
nothing-design/SKILL.md
- No skeleton loading screens. Use `[LOADING...]` text or segmented spinner.
注：第 3 节 ANTI-PATTERNS 共 12 条禁令，且每条给替代方案（如 'No toast popups. Use inline status text: [SAVED], [ERROR: ...]'）；替代方案在 components.md §15 STATE PATTERNS 有对应实现规格，禁令与施工图成对出现。
工作流强制前置交互：先声明所需 Google Fonts、先让用户选明暗模式，再动笔写代码——把两个最容易默默假设错的变量变成显式确认。
nothing-design/SKILL.md
1. **Declare fonts** — tell the user which Google Fonts to load (see `references/tokens.md`)
注：第 4 节 WORKFLOW 共 7 步（声明字体→问模式→画层级→组合→查 token→搭组件→适配平台），第 5、6、7 步分别把三个 references 作为按需查阅的落点，是典型的渐进式披露。
2核心能力
01三层视觉层级与可自检判据（3 层 + 眯眼测试 + 每屏只破例一次）
02单色体系下的色彩语义：灰阶即层级，红 #D71921 是『中断』而非配色，状态色只上数值不上标签
03完整的 dark/light 双模 token 表，含对比度列与『跨模式不变项』界定
04字体栈与字体声明义务（Doto / Space Grotesk / Space Mono，含 fallback 与使用边界）
0515 类组件规格与标志性数据可视化：分段进度条（离散方块、方端、必配数值读数）
06数据密集屏的形态多样化配方（7 种可视化形态按重要度分配）
07间距承载语义的阶梯（4–8/16/32–48/64–96px 四档含义）与容器策略优先级
08多平台落地输出（HTML/CSS 变量、SwiftUI Color 扩展、设计工具 Paper），并规定各平台取值方式
3外部依赖
| 类型 | 依赖 |
|---|---|
| network | Google Fonts（产出物字体源：Doto / Space Grotesk / Space Mono） |
| api | get_font_family_info（Paper 设计环境内的字体信息工具函数；非系统 CLI、非网络 API，需宿主已接入该设计工具） |
4风险提醒 风险提醒：蓝色 · 知晓即可
风险提醒：蓝色 · 知晓即可
- 文档与资产不一致（React/Tailwind 与 grid 两处） — README 与 SKILL.md §5 宣称有 React/Tailwind 映射，platform-mapping.md 实际无此节；SKILL.md 宣称 tokens.md 含 grid 而实际无独立小节。后果：按文档预期使用会落空，模型可能自行发明 Tailwind 映射（不同会话产出不一致）；不构成安全风险，但削弱本 skill 标榜的可复现性。
- 强风格约束会与既有设计系统冲突 — 12 条禁令（无阴影、无渐变、圆角 ≤16px、按钮只能 pill/technical、表格禁斑马纹、toast 一律换成 [SAVED] 行内文案）是全局性的；只想局部套用 Nothing 气质时需人工裁剪 references，否则会与品牌既有规范打架。
- 产出物绑定第三方字体/图标 CDN 与设计工具函数 — platform-mapping.md 要求用 Google Fonts 加载 Doto/Space Grotesk/Space Mono（tokens.md 另推荐 Lucide/Phosphor 细线图标），离线或企业内网产物会退化为 fallback 字体、基调不可复现；Paper 路径依赖 get_font_family_info（宿主未接入该设计工具即不可用，SKILL.md 的 allowed-tools 也未授予它）。
- 无任何机器校验，全靠模型自觉 — 仓库无脚本、无 lint、无 token 校验器，SKILL.md 的规则（三层、2 字族/3 字号/2 字重、每屏一次破例）没有可执行检查点；长会话或大批量产出时易发生规则遗忘/半途漂移。
- 风格血统与商标的合规注意 — skill 直接以『Nothing style / Nothing design』命名，并以 NDot 57、dot-matrix、与 Nothing 实际字体同厂字体为卖点（tokens.md 原文 'closest to NDot 57'、'same foundry as Nothing's actual typefaces'），是第三方对商业品牌视觉语言的模仿，商用需自行评估商标与仿冒风险。
- prompt skill 的通用注入面 — 本 skill 自身不摄入外部内容，但若用户把外部设计稿/页面粘贴进来并要求『按这个做』，模型会在本 skill 的约束框架内服从外部文本；是否受指令注入取决于宿主与模型，本 skill 既无放大机制也无防护声明。
蓝色，知晓即可。接触面=纯指令 + 本地代码产物落盘；运行时零网络、零凭证、零第三方安装。依据：① 无脚本执行——仓库仅 4 个 markdown + LICENSE + preview.gif，全仓 token 扫描（http/curl/wget/npx/npm/pip/bash/python/exec/API_KEY/secret/.env/keychain）零命中，唯一 URL 是 README 里的 git clone 说明；② 无凭证读取——无 env/token/key 相关指令；③ 无运行时网络外发，源码内不存在任何端点：字体只在产出侧以产品名出现（platform-mapping.md 'Load fonts via Google Fonts `<link>` or `@import`.' 与 tokens.md 指定 Doto/Space Grotesk/Space Mono），是否真向 Google Fonts 发请求取决于用户自己运行产物，且域名在仓库内不可核，按『无端点可核不升黄』处理（与库内 algorithmic-art / ui-ux-pro-max 同类惯例一致——那两个的 CDN 端点写死在自带模板里，仍定蓝）；Paper 一节提到的 get_font_family_info 属宿主设计环境内的工具函数，不在本 skill 的 allowed-tools 内，也不构成 skill 自身调用；④ 本地写入仅经宿主 Write/Edit 工具，路径由用户指令决定，skill 无固定写文件路径、无覆盖/删除行为。之所以不是 green：frontmatter 显式授予 Write/Edit（非纯只读），且明确要求产出可落盘的 UI 代码；之所以不是 orange：不涉及凭证/cookie/env，也不安装任何第三方包或镜像，字体与图标（Lucide/Phosphor）都只是产出侧选型建议。
5第二遍独立确认
- [ok] skill 目录定位（任务提示 nothing-design/SKILL.md） — repo 根下仅一个 skill 目录 nothing-design/，内含 SKILL.md 与 references/；frontmatter name 为 nothing-design。故 skill.path = 'nothing-design'。
- [discrepancy] README/SKILL.md 宣称的 React/Tailwind 输出映射 — README.md 'Output as HTML/CSS, SwiftUI, or React/Tailwind'（另有表格行 '| `references/platform-mapping.md` | CSS, SwiftUI, React output mappings |'）与 SKILL.md §5 'HTML/CSS, SwiftUI, React/Tailwind, Paper output conventions' 都宣称有 React/Tailwind 映射，但 platform-mapping.md 实际只有 '## 1. HTML / CSS / WEB'、'## 2. SWIFTUI / iOS'、'## 3. PAPER (DESIGN TOOL)' 三节；全仓 grep 'react|tailwind'（忽略大小写）仅 SKILL.md 该行一处命中。属文档夸大/滞后：按 README 期待 React/Tailwind 专节会落空，模型只能自行把 CSS 变量推广到 Tailwind。
- [discrepancy] SKILL.md 声称 tokens.md 覆盖 'grid' — SKILL.md §5 'spacing scale, grid, motion, iconography, dot-matrix motif'；tokens.md 实际章节为 1 TYPOGRAPHY / 2 COLOR SYSTEM / 3 SPACING / 4 MOTION & INTERACTION / 5 ICONOGRAPHY / 6 DOT-MATRIX MOTIF，无独立 GRID 小节（'grid' 仅出现在 §6 的 dot-grid CSS 与 'uniform 12–16px grid' 描述）。属措辞夸大，非缺料（点阵网格确有给出）。
- [ok] 无脚本 / 无 CLI / 无网络端点（skill 自身） — 7 个文件全为 markdown/文本 + 一个 GIF；token 扫描无 bash/python/npx/curl/wget 命中，无任何端点域名（Google Fonts 亦只以产品名出现）。SKILL.md 的代码块只是 CSS/Swift 片段与目录树，非可执行脚本。
- [ok] Google Fonts 依赖是否真实存在 — references/platform-mapping.md 'Load fonts via Google Fonts `<link>` or `@import`.' 逐字存在；SKILL.md 两处（正文开头注释与工作流第 1 步）要求先声明并加载 Google Fonts，方向一致。该网络行为发生在产出物运行期，非 skill 执行期。
- [ok] Paper 的 get_font_family_info 是否构成第三方工具依赖 — references/platform-mapping.md §3 逐字存在该调用指示，但 SKILL.md frontmatter allowed-tools 仅 [Read, Write, Edit, Glob, Grep]，未授予该工具，故为『若宿主具备 Paper 能力则可走』的可选路径，非硬依赖。
- [ok] Lucide / Phosphor 图标库是否应计入外部依赖 — tokens.md §5 'Preferred: Lucide (thin), Phosphor (thin). Never filled or multi-color.' 只是产出侧图标选型建议，仓库未安装、未拉取、无引用端点，故不计入 external_deps，改记在 traits/risks。
- [ok] 文件写入面 — 指令文本中无写文件路径、无 create/save/append/mkdir/delete 类指令（grep 仅命中文案 `[SAVED]` 与 allowed-tools 行）；写权限仅来自 frontmatter allowed-tools 的 Write/Edit，落盘由宿主与用户指令决定。
6结论
适合：适合：需要在 Claude Code 里快速产出 Nothing 风格/仪表盘式 UI 的人（个人作品页、设备状态面板、数据密集看板、网页与 iOS 双端），尤其是希望产出跨会话保持一致的团队；也适合把它当『把审美写成硬规格』的 prompt 工程范例——tokens/components/platform-mapping 三层拆法可直接照搬给自己的设计系统。安装只需把 nothing-design/ 目录拷进 ~/.claude/skills/。
不适合：不适合：① 需要彩色、插画、柔和阴影或通用现代 SaaS 观感的项目——本 skill 宁可直接禁掉阴影/渐变/emoji；② 想被模型自动召回的场合——description 明确 NEVER trigger automatically for generic UI or design tasks，必须用户显式点名 /nothing-design 或说 'Nothing style'；③ 期望拿到 React/Tailwind 专节映射的团队——platform-mapping.md 实际没有该节（见 risks 第 1 条）；④ 离线/内网环境——字体依赖 Google Fonts，缺失后视觉基调不可复现；⑤ 期望 skill 自带脚本、能自动校验产出 token 合规的工程流水线——它零代码、无校验器。
安装 agent 直装可复制
① 本站镜像 更新 2026-09-15
方式 A · 人下载镜像包下载 nothing-design.tar.gz
sha256:
方式 B · JSON 格式安装指南，复制给 agent4bf28be565504832…agent 读 JSON 指南后会自动从本站下载安装，无需更多说明。
② 上游 GitHub · 原始来源
来源信息 GitHub 原始
作者 / 仓库dominikmartn / dominikmartn/nothing-design-skill
原始 GitHubdominikmartn/nothing-design-skill ↗
Stars2783
最近推送2026-04-01
本 skill commit
74affbb786许可MIT（仓库根 LICENSE 文件，Copyright (c) 2026 Dominik Martin；gh api spdx MIT）
本站信息
收录日期2026-09-06
分类设计
侦查报告AI 侦查 · 2 遍 · 2026-09-06
本站镜像与 GitHub 原始是不同来源：本站锁定 commit 快照经 /r2 分发；GitHub 为实时上游，内容可能已更新。