メニュー
Builds single-file structural HTML wireframes for product discussion, using data-req-id anchors for actions, states, policy points, measurement points, and AC verification points.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Writes testable acceptance criteria using Given/When/Then, linking each AC to requirement, priority, operating intent, scalability, screen data-req-id, policy ID, and measurement/logging ID.
Extracts reusable patterns from competitor or reference examples without copying them, then rates Must-have/Nice-to-have fit as Green, Yellow, or Red.
Records why product decisions were made, including question, choices, user selection, recommendation, deferred alternatives, policy links, measurement links, and AC links.
Writes Claude Design handoff briefs and prototype prompts from confirmed product decisions, including screens, actions, states, policies, measurement requirements, Must-have/Nice-to-have priority, operating intent, scalability, and unresolved items.
Designs user behavior events, state change logs, operational records, KPI links, privacy cautions, and information that should not be recorded.
Extracts permission policies, state policies, input policies, restrictions, notification rules, search/filter policies, operating policies, exceptions, and retention rules.
| name | wireframe-builder |
| description | Builds single-file structural HTML wireframes for product discussion, using data-req-id anchors for actions, states, policy points, measurement points, and AC verification points. |
Create a conversational structural HTML wireframe.
The wireframe is not production code and not final UI design. It is a reference surface for product decisions.
data-req-id to every meaningful section, state, action, input, and table.references/html-wireframe-rules.mdreferences/preview-rules.mdreferences/data-req-id-rules.md