关于 prototype
prototype 是一项设计技能，根据待验证的问题选择原型保真度，从内容优先的草案逐步到代码。它指导用户旅程梳理和可用性验证，并明确检查边缘情况与无障碍要求。
主要功能
- 01选择五个保真度级别
- 02梳理旅程、决策点和错误路径
- 03定义可用性任务与成功标准
- 04应用令牌和无障碍检查
适用场景
- 01在布局设计前探索信息需求
- 02规划包含边缘情况的流程
- 03制定有可衡量结果的可用性测试
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/prototype确认已加载。
详细介绍
技能：原型设计与研究
步骤 0：工具包在这里吗？ 此技能会读取工具包中的文件。检查一次：
ls ${CLAUDE_SKILL_DIR}/../../../tokens >/dev/null 2>&1 && echo KIT_OK || echo KIT_MISSING只有在出现KIT_MISSING时，才表示仅安装了技能文件夹，这是npx skills add的安装方式。请明确说明这一点，指引用户使用npx ux-ui-agent-skills init或安装插件，然后停止。不要猜测 无法打开的文件内容。
根据合适的保真度级别开展工作，并进行验证。
步骤
- 阅读
${CLAUDE_SKILL_DIR}/../../../workflows/prototyping.md（5 级保真度阶梯、用户旅程映射模板、可用性测试脚本、示例数据）。 - 确认当前需求，并选择能够满足需求的最低保真度级别。绝不跳级：
- 内容优先（信息需求）→ 线框图（布局/导航）→ 低保真（完成任务）→ 高保真（视觉/无障碍）→ 代码（可行性/性能）。
- 对于流程：制作用户旅程图，包含决策点、错误路径和边缘情况。
- 对于验证：使用脚本定义可用性测试（任务、成功标准、5 人规则）。
- 高保真/代码阶段需使用设计令牌（
${CLAUDE_SKILL_DIR}/../../../tokens/*）、组件（${CLAUDE_SKILL_DIR}/../../../components/*）、风格指南（${CLAUDE_SKILL_DIR}/../../../taste/*）和无障碍规范（${CLAUDE_SKILL_DIR}/../../../accessibility/*）。
输出
选定保真度级别的产物，以及明确的“下一步验证计划”。
验证（宣布完成前）
- 保真度与要回答的问题相符；没有跳过任何级别。
- 流程包含决策点、错误路径和边缘情况（空状态/加载中/溢出），而不只是顺利路径。
- 明确列出具体的验证步骤（任务 + 成功标准），而不是“以后再测试”。
- 高保真/代码产物达到与
design-code相同的设计令牌和无障碍标准（不硬编码数值，满足对比度要求，并涵盖各种状态）。
评论
支持 Markdown