支持 Claude Code 与 Codex · 免费开源
proof — a product design skill for Claude Code and Codex
产品设计技能，自带最佳实践。
Proof 帮你做产品官网的每一页，从首页、定价页到博客。每一种做法都有出处：我们通过 Mobbin 研究了 400 多个真实上线的产品页面。第一稿就有上线的样子，你只需花几分钟微调。
不止于表面
大多数工具只给页面上样式，Proof 是在设计页面。
多数工具只管表面。Proof 还决定页面放什么、按什么顺序放，学的是 400 多个经过市场验证的上线页面。
- 表现层风格、质感和动效
- 框架层每个区块内部怎么排
- 结构层区块的先后顺序和节奏
- 范围层放哪些区块，不放哪些
- 战略层页面给谁看：从你的需求里读出来，再对照已经跑通的页面
《用户体验要素》· Jesse James Garrett
快速上手
三步装好，想要什么页面都行。
装一次就好。之后说出页面、风格和深浅色就行，Claude Code 和 Codex 都支持。
/plugin marketplace add senlindesign/proof/plugin install proof@proof/proof:proof landing business darknpx skills add senlindesign/proof/proof landing business darkgit clone https://github.com/senlindesign/proof.gitcp -R proof/skills/proof ~/.claude/skills//proof landing business darkgit clone https://github.com/senlindesign/proof.gitcp -R proof/skills/proof ~/.codex/skills/Use the proof skill: landing page, business style, darkView on GitHub源码、文档和测试用例都在 GitHub。
四种视觉风格
同一份需求，四种截然不同的气质。
同一个需求（共享收件箱 Relay）做成四种风格。每种都有自己的首屏、布局和质感，不只是换颜色。
每张卡片都能点开，是真实的完整页面，可以滚动、悬停、随手点点。
页面与设置，全都覆盖
一句话起步，也能事事做主。
八类页面，每种风格、深浅两色都能做。给一句话就行，也可以自己定区块、品牌色和字体。
逐个区块
只要一个区块？单独做就行。
10 类区块，都截自上面的页面，每一类都能单独生成，比如 /proof faq business。
