Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
git clone --depth 1 https://github.com/TestAny-io/testany-agent-skillsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/commands/testany-io/testany-agent-skills/prototype-designer)<a href="https://agentmods.dev/commands/testany-io/testany-agent-skills/prototype-designer"><img src="https://agentmods.dev/badge/commands/testany-io/testany-agent-skills/prototype-designer/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/commands/testany-io/testany-agent-skills/prototype-designer"><img src="https://agentmods.dev/badge/commands/testany-io/testany-agent-skills/prototype-designer.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00000 | $0.00833 |
| Opus 5.5 | $0.00000 | $0.00333 |
| Sonnet 5.5 | $0.00000 | $0.00167 |
| Haiku 4.5 | $0.00000 | $0.00083 |
Grade A, and why
prototype-designer scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 12d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
What it actually says
Prototype Designer
执行前读取 工作流执行约定：先取证再提问、按实际工具能力回退，并从本次安装位置定位资源。
在前端仓库中基于 PRD/User Journey 或口述需求生成视觉精美、可运行、可交互的隔离原型，验证流程、页面状态和数据需求；有 ui-designer 设计包时照设计包实现，没有时由 skill 从需求中判读设计并说明依据。只想先定界面设计时用 /testany-eng:ui-designer。默认高保真，用户明确要求线框稿时遵循其保真度；执行细则见 prototype-designer。
使用方式
提供 PRD 和 User Journey 文件路径，或直接描述你要做的产品、用户和页面（截图、竞品链接也可以）：
$ARGUMENTS
为什么在 HLD 之前做原型？
文字描述的需求到前端实现之间存在巨大鸿沟。原型将交互问题提前到设计阶段暴露：
- 交互死角（Journey 中遗漏的状态和路径）
- 导航断点（页面间跳转不通顺）
- 状态遗漏（空态、错误态、边界态未考虑）
- 数据需求不明确（页面需要什么数据，为 API Contract 提供输入）
核心特点
- 设计依据清楚：有 ui-designer 设计包时照设计包实现并补全流程与状态；没有时从需求中读出使用频率、设备、任务、数据形态、行业语境等信号，写出带依据的判读单后直接动手
- 有立场的视觉方向：先定构图再选组件，逐页明确主轨、构图和三轴；六层视觉语言逐层独立决定，生成默认样式须事前声明，并用测量证据核对
- 交互编排：招牌时刻和提交/撤销/拖拽等 P0 动作写完整链路（触发、反馈、过渡、结果、恢复、焦点、减少动效），其余步骤一行，再实际操作复验
- 组件优先复用：使用仓库现有组件和样式，缺口可在沙箱新增，不引入额外依赖
- 100% 遵循仓库规范：目录结构、代码风格、lint 规则全部对齐
- Mock 数据驱动：不接后端，数据结构对齐 PRD 业务实体
- 可追溯：每个页面映射到 Journey 步骤和 PRD 需求
工作流程
- 前端仓库探查：扫描技术栈、组件库、设计规范
- 原型规划：建立需求基线（正式文档或需求推断卡）、设计判读、需求→页面映射、状态矩阵、视觉方向与逐页构图、按构图匹配组件、P0 交互编排
- 原型实现：代表页构图门槛（含测量与模板默认项核对）+ 逐页面扩展 + 导航与状态
- 自检交付：实际页面/截图观察、交互走查、修正复验、覆盖与工程隔离检查；缺失证据如实记录
提供 PRD/User Journey 路径，或直接描述需求，即可开始设计。
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 12d ago Changed · +2 lines · -14 tokens per session 226f5e8ebefd
- 26d ago Changed · +1 lines · +6 tokens per session f4a364c8e764
- 1mo ago Changed · +2 lines c37f191a93e2
- 1mo ago First seen · 39 lines · 8 tokens per session scan A 942c2ece8a97
prototype-designer is a command published in the GitHub repository TestAny-io/testany-agent-skills (82 stars, last pushed yesterday), licensed MIT. It costs nothing until one of its globs matches a file; then it loads 833 tokens. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other commands, from other repositories
profile
Save, load, inspect, update, reset, or delete diagram-design client profiles.
ui-flow-review
Review menus, HUD, navigation, and player flow from a UX perspective.
design-audit
Audit the rendered design of live sites. Evidence capture first, then one critique per site. Argument is a URL, a repo name, or all.
4-generate
Run Stage 4 of the design system skill generation pipeline: parallel skill file generation.
mockups-generate
Generate dashboard mockups.
discover-diagrams
Load diagram skills (Mermaid flowcharts, sequence, ER, architecture).