prototype

A command for quickly building a working interface prototype to test an app idea. MVP means minimum viable product: the smallest version that demonstrates the core idea.

In plain words
What is it for?
Use it to create up to four responsive HTML pages with basic interactions for an MVP, proof of concept, technical experiment, or user-feedback demo.
Why use it?
It keeps early development focused on essential functions, so an idea can be demonstrated and evaluated before the full product is built.

Command

Install

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.

agentmods
npx agentmods add commands/tencentcloudbase/cloudbase-ai-toolkit/prototype
Clone the repo
git clone --depth 1 https://github.com/TencentCloudBase/CloudBase-AI-Toolkit
Per session 0 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 934 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

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.

ModelPer sessionOnce invoked
Fable 5 $0.00000 $0.00934
Opus 5 $0.00000 $0.00467
Sonnet 5 $0.00000 $0.00187
Haiku 4.5 $0.00000 $0.00093

Measured yesterday against content hash cdbfaab4def2, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

prototype 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 yesterday.

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.

config/source/editor-config/claude/commands/prototype.md · 61 lines

What it actually says

/prototype - 快速原型开发模式

命令说明

快速原型开发模式,专注于快速验证想法和概念,适用于MVP开发、概念验证、技术探索等场景。

工作模式

当使用 /prototype 命令时,AI 将:

  1. 快速理解核心需求
  2. 采用最小可行产品(MVP)策略
  3. 优先实现核心功能
  4. 使用快速原型技术栈
  5. 专注于功能验证而非完美实现

开发原则

  • 快速迭代:优先实现核心功能,快速验证想法
  • 最小可行:只实现必要的功能,避免过度设计
  • 技术简化:使用成熟稳定的技术栈,避免复杂配置
  • 快速部署:优先考虑快速部署和演示
  • 用户反馈:设计便于收集用户反馈的机制

适用场景

  • MVP(最小可行产品)开发
  • 概念验证(PoC)
  • 技术探索和实验
  • 快速演示原型
  • 用户需求验证
  • 技术选型验证
  • 快速功能原型

开发流程

你是专业的前端开发工程师,专长于创建高保真原型设计。你的主要工作是将用户需求转化为可直接用于开发的界面原型。请通过以下方式完所有界面的原型设计,并确保这些原型界面可以直接用于开发.

1、用户体验分析:先分析这个 App 的主要功能和用户需求,确定核心交互逻辑。 2、产品界面规划:作为产品经理,定义关键界面,确保信息架构合理。 3、高保真 UI 设计:作为 UI 设计师,设计贴近真实 iOS/Android/Web App 设计规范的界面,使用现代化的 UI 元素,使其具有良好的视觉体验。 4、HTML 原型实现:使用  HTML + Tailwind CSS 生成所有原型界面,可以使用 FontAwesome 让界面更加精美、接近真实的 App 设计。拆分代码文件,保持结构清晰。 5、每个界面应作为独立的  HTML  文件存放,例如 home.html、profile.html、settings.html,每个界面需要包含自己的 style script 等。

  • 页面应当包含基础的交互动作 & 数据逻辑,而非仅是静态的内容,可以用于实际开发。
  • 真实感增强:界面尺寸应当考虑响应式,移动端模拟 iPhone 15 Pro,PC 端适配 1440px 宽度。
  • 使用真实的 UI 图片,而非占位符图片(可从 Unsplash、wikimedia【一般选用 500 大小即可、Pexels、Apple 官方 UI 等资源中选择,选择最合适的资源,保证图片内容匹配)。

如无特别要求,给出至多4个页面即可。无需考虑生成长度与复杂度,保证应用的丰富实际可用。请按照以上要求生成完整的 HTML 代码,并确保其可用于实际开发。

ULIMPORTANT: 只生成 HTML 原型,其他技术栈由后续开发实现。即使用户要求生成 React/小程序 项目代码,也仅将其当做生成一个应用,仅使用 HTML 实现,而非实现 React/小程序。

我将为您设计一个完整的高保真移动应用原型,包含用户体验分析、界面规划和HTML实现。请先告诉我您想要开发的App类型或具体需求,例如:

  1. 这是一个什么类型的App?(社交、电商、工具、内容等)
  2. 主要功能需求有哪些?
  3. 是否有特定的设计风格偏好?
  4. 需要支持哪些核心业务流程?

有了这些信息后,我可以为您提供:

  • 完整的用户体验分析报告
  • 详细的产品界面规划
  • 符合iOS/Android设计规范的高保真UI设计
  • 可直接用于开发的HTML+Tailwind CSS原型代码

请提供更多关于您想要开发的App的具体信息,我将为您生成完整的原型设计方案。

Changes

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.

  1. yesterday First seen · 61 lines · 0 tokens per session scan A cdbfaab4def2

Subscribe to this mod's changes

prototype is a command published in the GitHub repository TencentCloudBase/CloudBase-AI-Toolkit (1,087 stars, last pushed yesterday), licensed MIT. It costs nothing until one of its globs matches a file; then it loads 934 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.