メニュー
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 職業分類に基づく
| 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.
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.
