메뉴
Create a Figma mockup or wireframe from a PRD, design brief, or verbal idea. Translates product requirements into visual design specs with layout, components, and interaction notes.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Help users document system architecture with Mermaid diagrams; produces overview, tier deep-dives, data flows, and a component summary table.
Invoke when planning a user interview; produces a best-practice template (Open, Usability, or Mixture) with Mom Test-aligned questions.
Help users prepare and deliver decision briefings using the SOCRR framework. Use when someone needs a decision from a manager, executive, sponsor, or stakeholder group.
Create or analyze Developer Experience surveys. Creation mode outputs a 9-question HaTS-aligned survey; Analysis mode outputs sentiment metrics with theme clustering.
Help users define user needs with personas, a use case table (Outcome / How Today / Future / North Star), and open questions.
Help users craft persuasive narratives; produces a Story Map with headline, opening, narrative arc, and delivery practice guide.
| name | todo-create-figma-mockup |
| description | Create a Figma mockup or wireframe from a PRD, design brief, or verbal idea. Translates product requirements into visual design specs with layout, components, and interaction notes. |
Placeholder — This skill will take a PRD, design brief, or verbal description and produce a Figma-ready mockup specification including layout, component inventory, interaction notes, and design tokens. It bridges the gap between product requirements and visual design.
