메뉴
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