vibe-prototype SKILL.md skillA
vibe-prototype from idiotleolyj/daliu-awesome-skills is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add idiotleolyj/daliu-awesome-skills/vibe-prototype@git:20260701.e6639d9Pins git:20260701.e6639d9 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- idiotleolyj/daliu-awesome-skills
- Path
plugins/qima/skills/vibe-prototype/SKILL.md- Versions recorded
- 1
- Latest version
- git:20260701.e6639d9, committed Jul 1, 2026
- Size
- 20,918 bytes
- Repository stars
- 148
- License
- none declared
Vibe Coding 流水线第五步:依据 design.md(视觉准则)与 interaction.md,为每个页面在 Stitch 画布生成原型, 经 stitch-mcp 拉取 HTML 与截图存入 prototypes/,并与交互文档做双向对齐校验。 当用户说"生成原型""画原型""把交互文档变成原型""接 Stitch / stitch-mcp""每页出设计图" "对齐原型和交互文档" "prototypes 对不上" "配置 Stitch MCP"时使用。 本 skill 是"半自动":Claude 写 prompt + 引导人工在 Stitch 画布生成,MCP 只负责拉取与校验,不是一句话自动出图。 反触发(相邻阶段抢入口时主动让路):① 用户还在澄清产品想法 / 没有 idea.md → 交给 vibe-idea; ② 已有 idea.md 要细化页面与每个元素的交互逻辑(是弹窗还是跳转)→ 交给 vibe-interaction; ③ 还在定技术栈 / 数据库 / 接口 / 系统设计 → 交给 vibe-architecture; ④ 还在定视觉设计系统 /…
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# vibe-prototype — 原型生成与对齐校验 > Vibe Coding 流水线第五环:把 `design.md`(视觉准则)+ `interaction.md` 里写定的每个页面,经 Stitch 画布生成原型并拉回本地, > 再以三条铁律与交互文档做**双向一一对齐**,全绿才交接 `vibe-implement`。 > SKILL.md 正文承载**方法论与七步流程骨架**;详尽接入排错 / prompt 模板 / manifest 字段 / 校验清单下沉到 `references/`,正文用「详见 references/<file>.md」指向。 ## 定位与角色 本 skill 是产物流水线的**第五环**: - **输入**: - `design.md`(④ vibe-design 产出,**视觉准则 / 视觉权威源**,提供 tokens / components / Do&Don't,是原型视觉的权威依据)——Stitch 出图必须符合 design.md; - `interaction.md`(② vibe-interaction 产出,逐页面/逐元素的交互定义,提供元素 / 状态,是对齐的锚); - `architecture.md`(③ vibe-architecture 产出,技术骨架,提供数据 / 接口依据,只引用不另定义)。 - **输出**: - `prototypes/<页面ID>.html` —— **主产物·必需**(Stitch 导出的 HTML + 内联 CSS,是真实原型); - `prototypes/<页面ID>.png` —— **可选截图·视觉速览**(即该 HTML 的截图,供快速浏览); - `prototypes/manifest.json` —— 页面ID ↔ Stitch screenId ↔ 文件 ↔ 状态的单一事实源; - 配套:`prototypes/prompts/<页面ID>.md`(每页生成 prompt)、`prototypes/stitch-design-system.md`(Stitch 设计系统落地位置)。 **本 skill 的灵魂**:把「文档里写的每个页面」与「Stitch 画布里生成的每个 screen」做**双向一一对齐**——一个不漏(文档每页都有原型)、一个不多(每个 screen 都映射回文档页面)、逐元素一致(原型关键元素与 interaction.md 元素清单对得上)、视觉合规(原型符合 design.md 的 tokens / components / Do&Don't)。**只有全绿(全部 `aligned`)才放行到 ⑥ vibe-implement**,任一页不达标就卡门、拒绝声明完成。 …
Read the whole file at its exact version.
How to install
mdr add idiotleolyj/daliu-awesome-skills/vibe-prototype@sha256:284f3abb6b65b348The line at the top of this page pins the label git:20260701.e6639d9, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
[](https://markdownregistry.com/a/art_cxedzc5xh5rjtqdv)
5 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 1 version of this file, committed on Jul 1, 2026.
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (20918 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
- pass: No script tag
Source
idiotleolyj/daliu-awesome-skills · 148 stars · license none declared · pushed 2026-11-01 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_cxedzc5xh5rjtqdv GET https://markdownregistry.com/api/v1/resolve?ref=idiotleolyj/daliu-awesome-skills/vibe-prototype GET https://markdownregistry.com/api/v1/blob/284f3abb6b65b34843579318c9b7b96843dd3a0cbb6735265bf999e002e402a3
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.