growth-design-review 中文导航¶

原文: Growth Design Architect Skill
分类: 增长设计/行为经济学
大小: 11 MB
语言: AI Skill (Claude/Copilot 等)

📚 项目简介¶

growth-design-review 是一个 AI 技能，将你的 AI 助手转变为高级增长设计师。它使用经过验证的产品心理学和行为经济学框架，审计 UI 设计和代码，最大化转化率和用户愉悦度。

GitHub: https://github.com/woakin/growth-design-review
灵感来源: Growth.design 案例研究

🔧 核心框架¶

框架	说明	用途
Psych Framework	评估认知燃料，最小化心理减法	减少冗余字段、行话
B.I.A.S. Audit	行为检查 (Block/Interpret/Act/Store)	信息处理审计
C.L.E.A.R. Scorecard	量化评分系统 (1-5 分)	Copy/Layout/Emphasis/Accessibility/Reward
UI Rules of Thumb	登录页/仪表盘/引导流最佳实践	页面特定启发式
Psychological Triggers	IKEA 效应/蔡格尼克效应/损失厌恶	认知触发器实现
Shape of AI	AI 原生界面模式 (Wayfinders/Tuners/Governors)	减少 AI 界面摩擦

📁 目录结构¶

growth-design-review/
├── SKILL.md                    # AI 指令核心
├── README.md                   # 项目文档
├── LICENSE                     # MIT 许可证
├── CONTRIBUTING.md             # 贡献指南
├── assets/                     # 文档图片
│   └── example-before.png      # 改进前示例
│   └── example-after.png       # 改进后示例
└── reference/                  # 参考文档
    ├── psych.md                # Motivation x Ability 框架
    ├── bias.md                 # 行为审计定义
    ├── clear.md                # Copy/Layout 评分指南
    ├── rules-of-thumb.md       # 页面特定启发式
    ├── psychological-triggers.md # 认知偏见
    └── shape-of-ai.md          # AI 原生界面模式

🚀 快速开始¶

安装¶

# 使用 skills CLI 安装
npx skills add woakin/growth-design-review

# 安装后，技能可在以下编辑器中使用:
# - Cursor
# - Windsurf
# - GitHub Copilot
# - Replit

使用示例¶

# 审查登录页
"Review my LandingPage.tsx using the Psych framework."

# B.I.A.S.审计
"Run a B.I.A.S. audit on our new onboarding flow."

# C.L.E.A.R. 评分卡
"Check this checkout component against the C.L.E.A.R. scorecard."

# 提升 NPV
"Propose a development plan to increase the NPV of this dashboard."

📖 核心概念¶

净感知价值 (NPV)¶

公式:

NPV = Motivation - Friction

Motivation (动机):
- 用户痛点强度
- 价值主张清晰度
- 社会证明力度

Friction (摩擦):
- 认知负荷
- 操作复杂度
- 技术障碍

C.L.E.A.R. 评分卡¶

维度	评分 (1-5)	检查项
C - Copywriting	1-5	标题聚焦结果而非功能？CTA 清晰？
L - Layout	1-5	Z 型布局？视觉层次？留白充足？
E - Emphasis	1-5	主次按钮区分？避免"彩虹糖效应"？
A - Accessibility	1-5	颜色对比度？键盘导航？ARIA 标签？
R - Reward	1-5	即时反馈？进度可视化？完成奖励？

B.I.A.S. 审计¶

阶段	说明	常见问题
Block	用户如何阻挡信息	信息过载、注意力分散
Interpret	用户如何理解信息	术语晦涩、图标歧义
Act	用户如何采取行动	CTA 模糊、步骤过多
Store	用户如何记忆信息	缺乏重复、无情感连接

💡 典型应用场景¶

1. 登录页优化¶

审计前:

问题:
- 标题聚焦功能特性
- 3 个主按钮 (彩虹糖效应)
- 表单字段过多 (10 个)

C.L.E.A.R. 评分：2.6/5

审计后:

改进:
- 标题改为用户结果导向
- 保留 1 个主按钮
- 表单减少到 5 个字段

C.L.E.A.R. 评分：4.2/5
预期转化率提升：+35%

2. 仪表盘设计¶

Psych 框架审计:

认知减法:
❌ 冗余指标 (3 个重复 KPI)
❌ 专业术语 ("ARR"、"Churn"未解释)
❌ 图表过载 (8 个图表挤在一起)

改进建议:
✅ 合并重复指标
✅ 添加术语解释 Tooltips
✅ 分页展示图表

3. AI 原生界面¶

Shape of AI 模式应用:

模式	用途	示例
Wayfinder	引导用户理解 AI 能力	功能介绍、示例提示
Tuner	允许用户调整 AI 输出	温度滑块、风格选择
Governor	设置 AI 行为边界	内容过滤器、安全限制
Trust Builder	建立对 AI 的信任	置信度展示、解释性
Identifier	区分 AI/人类生成内容	水印、标签

🎯 心理学触发器¶

IKEA 效应¶

原理：用户对自己参与创造的内容评价更高

应用:
✅ 允许自定义仪表盘布局
✅ 提供模板编辑器
✅ 用户贡献内容展示

蔡格尼克效应¶

原理：人们对未完成任务记忆更深刻

应用:
✅ 进度条显示 (50% 完成)
✅ 保存草稿提示
✅ 断点续操作

损失厌恶¶

原理：损失比同等收益更令人痛苦

应用:
✅ 免费试用倒计时
✅ "已有 100 人领取"提示
✅ 限时优惠展示

📚 参考文档¶

psych.md (动机 x 能力框架)¶

用户行为 = 动机 (Motivation) × 能力 (Ability)

提升动机:
- 明确价值主张
- 社会证明 (评价、案例)
- 稀缺性提示

提升能力:
- 简化操作流程
- 提供模板/预设
- 降低认知负荷

rules-of-thumb.md (页面启发式)¶

登录页: - 5 秒内传达核心价值 - 1 个主要 CTA - 社会证明在首屏

仪表盘: - 关键指标在左上角 - 图表不超过 7 个 - 支持自定义布局

引导流: - 每步不超过 3 个字段 - 实时验证 - 进度可视化

🔗 相关资源¶

BehaviouralEconomics - 行为经济学实验
llm-cooperation - AI 行为研究
Behavioral_RL - 行为强化学习

🎓 学习路径¶

1. 安装技能 → 配置 AI 编辑器
2. 审查现有页面 → 运行 Psych 框架
3. 应用 C.L.E.A.R. → 量化评估
4. 实施改进 → A/B 测试验证
5. 学习参考文档 → 深入理解框架

本地路径: /workspace/code-examples/growth-design-review/
创建时间: 2026-06-02
难度: ⭐⭐⭐ (中级)

**growth-design-review 中文导航 | 增长设计 AI 审计工具** [返回代码索引](../../README_UPDATED.md) | [决策科学资源大全](../../docs/resources/decision-science-comprehensive-resources.md)