القائمة
从产品需求到可交互原型的完整工作流。当用户表达产品想法（如'我想做一个...'、'帮我设计...'）时触发。支持：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（子页面）。