html-prototype-builder

仓库创建 2026年7月25日最近提交 5 天前SkillHot 收录 3 天前

这个 Skill 做什么

把需求和 PRD 转成可跑的 HTML 原型（生成 versioned 的 index.html、styles.css、app.js、data.js 和 prototype-readme.md），包含稳定 ID、交互、模拟数据和不同角色的视图。用来快速验证、调试或冻结 Web 管理台/移动端的界面交互，确保原型与 PRD 保持一致并能复现用户流程。专注于可运行原型的实现，不做需求分析或 UI 体系设计。

▸ 展开 SKILL.md 英文原文

Use when generating, revising, debugging, validating, or freezing runnable HTML prototypes for Web admin consoles or mobile apps. Consumes analysis.md, PRD, product-fact-context.md, shared-context.md, and ui-system/ to produce versioned index.html, styles.css, app.js, data.js, and prototype-readme.md with stable IDs, interactions, mock data, states, role differences, and PRD-prototype consistency. Do not use for requirement analysis or UI system design.

Stars

Forks

仓库内 Skill

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/akarozu/html-prototype-builder-skill/main/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/akarozu/html-prototype-builder-skill/main/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# HTML Prototype Builder

## Purpose

Use this skill as the runnable HTML prototype engine in a Codex product-design workflow.

It turns:

- `analysis.md`
- `admin-prd.md` or `mobile-prd.md`
- `shared-context.md`
- `product-fact-context.md`
- `ui-system/`
- User revision notes or Multica feedback

Into:

- A versioned, runnable HTML prototype
- Prototype documentation
- Validation notes and revision records

This skill builds prototypes. It does not perform upstream requirement analysis, design the project UI system, maintain the product fact source, or decide development issue splitting.

## Required Inputs

Before generating or revising a prototype, require or explicitly mark missing:

- T

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有