Getting it into your agent
It runs from inside its repository, so the clone comes first — what it calls does not travel with the file alone.
git clone --depth 1 https://github.com/TestAny-io/testany-agent-skillsnpx agentmods add skills/testany-io/testany-agent-skills/prototype-designerWrote 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/skills/testany-io/testany-agent-skills/prototype-designer)<a href="https://agentmods.dev/skills/testany-io/testany-agent-skills/prototype-designer"><img src="https://agentmods.dev/badge/skills/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/skills/testany-io/testany-agent-skills/prototype-designer"><img src="https://agentmods.dev/badge/skills/testany-io/testany-agent-skills/prototype-designer.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector warn
SkillSpector: 1 finding, up to medium
These are SkillSpector’s own severities. On a checked sample its high-severity flags on skills were ~96% false positives — a documented command, a public API, a “never do X” rule — so we show them as a caution to read, not a verdict. Why →
- medium MCP Rug Pull · line 312 npx commands without a version suffix (e.g. @1.0.0) create a rug-pull risk if the upstream server is compromised and publishes a malicious update.Fix: Pin the version: npx @scope/[email protected]
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.00143 | $0.07806 |
| Opus 5.5 | $0.00057 | $0.03122 |
| Sonnet 5.5 | $0.00029 | $0.01561 |
| Haiku 4.5 | $0.00014 | $0.00781 |
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.
How it starts
The opening of the file, as written. The whole thing — 363 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Prototype Designer
执行前读取 工作流执行约定：先取证再提问、按实际工具能力回退，并从本次安装位置定位资源。
语言规则：默认跟随用户输入语言；用户显式指定时以用户指定为准；不要因为本
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。
核心原则
- 视觉精美、交互完整、工程隔离共同构成质量目标：默认交付适合评审与演示的高保真原型；先按页面任务选择有立场的视觉方向和交互语言，再打磨构图、排版、配色、组件状态与关键转场，不能让不同产品落回同一套卡片模板。用户明确要求线框稿时按其保真度执行，仍须清晰可用。运行后看页面、真实操作并修问题，不以“原型”降低设计标准
- 原型必须与生产代码隔离：默认沙箱外零变更——原型页面、路由、组件必须放在独立沙箱目录内，原型路由使用专属前缀（如
/prototype/）。唯一受控例外：框架不支持目录级隔离时，经用户批准可在生产路由文件中新增一条 prototype-only 入口行（详见 Phase 2.1） - 组件复用优先，缺口允许沙箱新增：优先 import 仓库已有组件；已有通用组件时不允许在沙箱内重写平替；缺口存在时允许在沙箱内新增
[PROTOTYPE]组件并在 Manifest 组件清单中记录缺口；禁止引入仓库外的 UI 框架或组件库 - 100% 遵循前端仓库的工程规范：目录结构、命名约定、代码风格、lint 规则全部对齐现有代码
- 基于证据建立设计基线：技术栈、组件能力和已有设计规范从仓库取证；风格、构图、组件和交互从需求信号判读并写明依据，弱信号标为假设后继续；仅对实质性歧义提问，不把每个设计选择变成审批
- Mock 数据驱动：所有数据用 mock 替代，不接后端；但 mock 数据结构应反映需求基线中的业务实体
- 交互完整性优先于页面数量：宁可少做几个页面也要确保每个页面的状态（加载态、空态、错误态、边界态）覆盖完整
- 产出可追溯：每个原型页面必须映射到需求基线——正式模式为 Journey 节点和 PRD 需求项，部分/独立模式为需求推断卡条目
- 可读性与可操作性是设计底线：按质量清单检查语义、键盘、焦点、对比度和反馈；记录实测范围，少量检查不代表完整 WCAG 合规
- Mock 数据质量：mock 数据不是随意填充——核心字段对齐需求基线中的业务实体，UI 发现的额外数据需求允许新增并在 Manifest 中标注「需求未定义」作为下游输入；每个数据依赖页面必须有正常数据集、空数据集和至少一组边界数据集
内容边界（强制遵守）
Prototype 应该包含
- 基于需求基线的页面/屏幕清单和导航关系
- 每个页面的组件组合和布局（使用仓库已有组件）
- Visual Brief、必要的设计 token、响应式策略和视觉打磨
- 核心交互流程及 P0 Interaction Choreography（触发→反馈→过渡→结果→恢复→焦点）
- 关键状态覆盖：正常态、加载态、空态、错误态、边界态
- Mock 数据（结构对齐需求基线中的业务实体）
- Prototype Manifest（需求基线、设计判读、页面↔需求映射表）
- 与当前实现绑定的页面截图、交互走查及修正记录
Prototype 不应该包含
- 真实后端对接（API 调用、数据库）
- 生产级性能优化（懒加载、代码拆分、SSR）
- 超出用户范围的品牌重设计、生产级改造或无明确问题的无限视觉迭代
- 新的业务逻辑（需求基线未定义的功能）
- 认证/鉴权流程的真实实现（可 mock 登录状态）
What ships with it
8 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
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 · -51 lines · +67 tokens per session 26386464cf38
- 26d ago Changed · +24 lines · +8 tokens per session d7939e7c9bd6
- 1mo ago Changed · +2 lines d3db830755c1
- 1mo ago First seen · 388 lines · 68 tokens per session scan A cc43c0d071a8
prototype-designer is a skill published in the GitHub repository TestAny-io/testany-agent-skills (82 stars, last pushed yesterday), licensed MIT. It adds 143 tokens to every session and 7,806 once invoked, about $0.0006 per session on Opus 5.5. 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 skills, from other repositories
form-patterns
A reference guide for arranging managed forms in the 1C platform. It describes common layouts, naming conventions, events, properties, and advanced patterns for different form types.
img-grid
An image overlay that draws numbered vertical and horizontal lines over a PNG or JPG image.
interface-edit
An editor for the command interface of a 1C subsystem, the part that controls which commands users see and where they appear.
design-skills
Use when a task designs or edits a web surface, image, motion graphic, or video and needs one verified design card plus objective QC.
technical-presentations
Use when planning, building, refactoring, or reviewing technical talks or training decks: story arc, claim titles, visual evidence, code slides, checkpoints. On demand only.
shaft-accessibility-testing
Use when testing web or mobile accessibility for WCAG conformance, keyboard and focus behavior, semantics, errors, or user impact.