From mattpocock-skills
Builds throwaway prototypes: terminal apps for validating state machines/data models or toggleable multi-variant UIs for design exploration. Use on 'prototype this' or similar requests.
npx claudepluginhub vinvcn/mattpocock-skills-zh-cnThis skill uses the workspace's default tool permissions.
Prototype 是**用来回答一个问题的 throwaway code**。问题决定形状。
Builds throwaway prototypes to validate designs: terminal apps for state/logic questions or toggleable UI variants for mockups and exploration.
Use this skill when the user asks to "vibe code this", "build this with AI", "help me use Cursor/v0/Bolt to build this", "vibe coding from my PRD", "how do I code this with AI", "turn this spec into code", or wants guidance on using AI coding tools (Cursor, GitHub Copilot, v0, Bolt, Lovable, Claude Artifacts) to prototype or build a feature from a product spec. This is a coaching skill — it helps the PM get the most out of AI coding tools, not write code directly.
Generates interactive React prototypes with useState/useEffect, realistic fake data, hover/click states, form validation, and animated transitions for clickable demos.
Share bugs, ideas, or general feedback.
Prototype 是用来回答一个问题的 throwaway code。问题决定形状。
先识别正在回答哪个问题:来自用户 prompt、周围代码,或在用户在线时直接询问:
这两个分支会产出非常不同的 artifacts;选错会浪费整个 prototype。如果问题确实模糊且用户不可达,默认选择更匹配周围代码的分支(backend module → logic;page 或 component → UI),并在 prototype 顶部说明假设。
pnpm <name>、python <path>、bun <path> 等。用户必须能不动脑地启动它。Prototype 里唯一值得保留的是答案。把它和所回答的问题一起记录到持久位置(commit message、ADR、issue,或 prototype 旁边的 NOTES.md)。如果用户在线,这个记录可以是一段快速对话;如果不在线,留下 placeholder,让他们(或下一轮的你)在删除 prototype 前补上结论。