菜单
从产品需求到可交互原型的完整工作流。当用户表达产品想法（如'我想做一个...'、'帮我设计...'）时触发。支持：1) 零提问直出PRD 2) 平台选择确认 3) 生成Awwwards级别的高保真HTML/Tailwind原型（移动端/PC端）。端到端产品设计流程。
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/whyzsm/tiny-agents --skill prd-to-prototype命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
Single-Agent T-MAX Java backend architecture and engineering rule package. Use when Codex must design, implement, review, or diagnose T-MAX backend services involving Java 8, Spring Boot, Kylin, MyBatis XML, TiDB/MySQL, Apollo/Nacos, Feign, AnePageHelper, ResponseResult/DataGridResult, UEP export, Redis, RabbitMQ, or Maven multi-module repositories. Routes one Agent through repository intake, architecture decisions, API/data contracts, implementation diagnosis, quality/security review, and bounded evidence loops while keeping builds, tests, live calls, commits, and pushes as separate authority boundaries.
Create polished consulting-style single-file HTML research reports from messy business notes, screenshots, metrics, and iterative user feedback. Use this skill whenever the user asks for a 咨询风/艾瑞咨询风/研究报告/汇报报告/HTML报告, wants business or AI landing-practice material turned into a management-facing report, asks to add charts/diagrams, or asks to update report metrics and keep the whole HTML report consistent.
Audit HarmonyOS applications for AppGallery/AGC release readiness, including Huawei UX/HMI controls, system-feature integrations, and performance gates for multi-input interaction, latency, frame rate, content display, memory, and CPU. Use when users ask for 鸿蒙上架自检、应用市场审核、AGC发布前检查、控件/系统特性/人机交互/签名/隐私/权限/截图/性能核对或 release 包门禁, especially for Stage-model projects with module.json5, build-profile.json5, hvigorw, and local-first data constraints.
基于 SOC 职业分类
正在显示 SKILL.md
| AIGC | {"ContentProducer":"Minimax Agent AI","ContentPropagator":"Minimax Agent AI","Label":"AIGC","ProduceID":"8e25991f61069ffc6cc28e33d38ed17d","PropagateID":"8e25991f61069ffc6cc28e33d38ed17d","ReservedCode1":"3045022100919684f66b4830d8aa8c13fe3fe5eb1df44b8f82535e81a8214fe833c13fb3030220513585ce8a8da7911923f5ae98a203077163299bbb12b98e5c7056c1d5bfb2c1","ReservedCode2":"304402201fe77b09dacbda84d317c5ebe24ab6bf489a9b72ac8983032a81bd4109d167b702205907c1cb18f5336b47848f966b850e6aab4a1c233cec8979f9f3d95361aa8cf6"} |
| description | 从产品需求到可交互原型的完整工作流。当用户表达产品想法（如'我想做一个...'、'帮我设计...'）时触发。支持：1) 零提问直出PRD 2) 平台选择确认 3) 生成Awwwards级别的高保真HTML/Tailwind原型（移动端/PC端）。端到端产品设计流程。 |
| name | PRD to Prototype |
本技能将用户的模糊产品想法，通过两步强制流程，转化为完整的PRD文档和高保真可交互HTML原型。全程零提问、直接执行，最终交付可在浏览器中预览的原型页面。
触发条件： 用户表达任何产品想法、需求、痛点或创意（例如："我想做一个商城"）。
执行步骤：
/workspace/docs/prd.md，内容必须包含：
GenUI 确认表单模板（必须严格一致）：
✅ **PRD与交互流程已生成**：`/workspace/docs/prd.md`
-----------------------------------------------------------------------
📋 **GenUI Project Confirmation**
-----------------------------------------------------------------------
请审核方案，并选择下一步操作：
[ 🚀 确认并生成移动端 App 原型 ] (回复: "确认移动端")
[ 💻 确认并生成 PC 端 Web 原型 ] (回复: "确认PC端")
[ 🛠️ 修改需求文档 ] (回复: "修改: <您的意见>")
[ ❌ 拒绝并重写 ] (回复: "重写")
-----------------------------------------------------------------------
触发条件： 用户在确认表单中做出选择（回复 "确认移动端" 或 "确认PC端"）。
执行步骤：
/workspace/docs/prd.md 中的PRD内容。/workspace/prototype/ 目录。#0000FF）。-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serifrem 单位。1.6。box-shadow），避免生硬的黑边。rounded-xl, rounded-2xl）。backdrop-filter: blur(20px)）用于侧边栏或弹窗。index.html 中必须使用 CSS 绘制一个逼真的 iPhone 16 外框（带灵动岛/刘海）。active:scale-95）。max-w-7xl），居中显示，避免在大屏上内容过于拉伸。via.placeholder.com）。https://images.unsplash.com/photo-1497366216548-37526070297c?auto=format&fit=crop&w=800&q=80（确保图片链接稳定有效）。<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>产品名称</title>
<!-- 引入 Tailwind -->
<script src="https://cdn.tailwindcss.com"></script>
<!-- 引入 FontAwesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- 配置 Tailwind 主题 (可选) -->
<script>
tailwind.config = {
theme: {
extend: {
colors: {
brand: '#0f172a', // 自定义品牌色
}
}
}
}
</script>
<style>
/* 自定义微调样式，如滚动条隐藏、毛玻璃兼容性 */
body { font-family: -apple-system, system-ui, sans-serif; }
</>
/workspace/
├── docs/
│ └── prd.md # PRD文档
└── prototype/
├── index.html # 入口页面
└── pages/
├── page1.html # 子页面
├── page2.html # 子页面
└── ...
index.html 必须能够预览所有页面：
/workspace/prototype/index.html（入口）。/workspace/prototype/pages/*.html（子页面）。