القائمة
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.
