一键导入
create-prototype
Implements a single user story from the PRD: writes code and tests, follows project conventions. Invoked by: nvst create prototype.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
Implements a single user story from the PRD: writes code and tests, follows project conventions. Invoked by: nvst create prototype.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | create-prototype |
| description | Implements a single user story from the PRD: writes code and tests, follows project conventions. Invoked by: nvst create prototype. |
| user-invocable | true |
Implement the provided user story by writing production code and tests that satisfy all acceptance criteria, following the project's conventions and architecture.
| Source | Used for |
|---|---|
user_story (context variable) | The user story JSON with id, title, description, and acceptanceCriteria |
project_context (context variable) | Project conventions, tech stack, code standards, testing strategy, and architecture |
iteration (context variable) | Current iteration number for file naming and context |
When user_story or iteration are not injected as context variables, resolve them using the following lookup order before asking the user:
state.json — read .agents/state.json (if it exists) to obtain current_iteration..agents/flow/it_{iteration}_PRD.json (preferred) — read the userStories array and present the available stories to the user, asking which one to implement..agents/flow/it_{iteration}_product-requirement-document.md (fallback) — read the file, identify the user stories listed, and ask the user which story to implement.state.json nor any PRD artifact can be found, ask the user to provide the 6-digit iteration number (e.g. 000037). Once the iteration is known, retry step 3.Before implementation, detect whether this is a UI task.
UI, interface, page, component, visual, button, form, layout, style, or frontend.frontend-design — set design direction and aesthetics.harden — handle UI edge cases and resilience.polish — run a final quality and refinement pass..agents/state.json or progress files — the calling command manages those.The output is the set of file changes (new files created, existing files modified) in the working tree. There is no document to produce — the code and tests are the deliverable.
Before finishing:
Implement React table components with reflow-free text measurement using @chenglou/pretext. Use this skill when the user asks to build a table with dynamic row heights, virtualized scroll, resizable columns, inline editing, drag-to-reorder, or any table feature where accurate pre-render text measurement matters. Triggers on: "build a table", "add a table component", "virtualized table", "table with dynamic row heights", "resizable columns", "pretext table", "use pretext for a table", "table without reflow".
Drive interactive approval of the prototype by updating project context and roadmap artifacts after a completed iteration.
Validate the current iteration's PRD against the implemented code via the audit prototype skill.
Creates or updates .agents/PROJECT_CONTEXT.md with project conventions, tech stack, code standards, testing strategy, and product architecture. Triggered by: nvst create project-context.
Gathers the requirement from the user and produces it_{iteration}_product-requirement-document.md. Triggered by: nvst define requirement.
Fixes one issue from the iteration issues list by reproducing, diagnosing, and resolving it. Invoked by: bun nvst fix issue.