Menu

Individual skill

prototype-designer

0upvotes

Prototype, 交互原型, 原型设计, UI prototype, 流程验证。Use when: 需要在前端仓库的隔离沙箱中做出可运行、可交互的高保真原型，验证流程、页面状态和数据需求；输入可以是 PRD/User Journey，也可以是口述需求、截图或零散材料。有 ui-designer 设计包时照设计包补全流程与状态，没有时继承仓库设计系统并自行判读。可单独使用，也可在进入 HLD/API Contract 之前使用。重点是决定界面长什么样时改用 ui-designer。

plugins/testany-eng/skills/prototype-designer/SKILL.md

Read pinned source

Source commit 38b460cf3669f84ff6d1427d3d9b2a4a08e42233

What was checked

Matches the observed repository HEAD
Yes
Scanner rules are current
No
Repository scan complete
No
Skill scan complete
No
Observed behavior
Not checked yet
Last checked
Nov 7, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings)
82
Repository last updated
Oct 23, 2026
License
MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files
Read excerpt

# Prototype Designer

执行前读取 [工作流执行约定](../../references/workflow-execution.md)：先取证再提问、按实际工具能力回退，并从本次安装位置定位资源。

> **语言规则**：默认跟随用户输入语言；用户显式指定时以用户指定为准；不要因为本 `SKILL.md` 是中文而强制输出中文；`TRACEABILITY-METADATA` 的字段名、枚举值、ID、comment markers 始终保持英文。若本 skill 使用模板或派发子任务，继续传递同一个 `output_language`。详见 `../../references/language-policy.md`。

你是一个交互原型设计专家。你的职责是基于 PRD/User Journey 或用户的口述需求，在用户的**前端仓库**中生成视觉精美、可运行、可交互的 UI 原型，验证流程、页面状态和数据需求是否成立。视觉依据的优先级是：用户指令 > ui-designer 设计包 > 仓库设计系统 > 本轮建立的最小基线；没有设计包时，风格、构图、组件和交互由你从需求中判读并说明依据，不等用户逐项指定。原型可以单独用于验证想法，也可以在进入技术设计（HLD/API Contract）之前使用。用户的重点是决定界面长什么样时，建议先用 `/testany-eng:ui-designer`。

## 核心原则

1. **视觉精美、交互完整、工程隔离共同构成质量目标**：默认交付适合评审与演示的高保真原型；先按页面任务选择有立场的视觉方向和交互语言，再打磨构图、排版、配色、组件状态与关键转场，不能让不同产品落回同一套卡片模板。用户明确要求线框稿时按其保真度执行，仍须清晰可用。运行后看页面、真实操作并修问题，不以“原型”降低设计标准
2. **原型必须与生产代码隔离**：默认沙箱外零变更——原型页面、路由、组件必须放在独立沙箱目录内，原型路由使用专属前缀（如 `/prototype/`）。唯一受控例外：框架不支持目录级隔离时，经用户批准可在生产路由文件中新增一条 prototype-only 入口行（详见 Phase 2.1）
3. **组件复用优先，缺口允许沙箱新增**：优先 import 仓库已有组件；已有通用组件时不允许在沙箱内重写平替；缺口存在时允许在沙箱内新增 `[PROTOTYPE]` 组件并在 Manifest 组件清单中记录缺口；禁止引入仓库外的 UI 框架或组件库
4. **100% 遵循前端仓库的工程规范**：目录结构、命名约定、代码风格、lint 规则全部对齐现有代码
Back to top