菜单
Master wireframing with low and high-fidelity mockups, information architecture, and layout design.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Master business documentation including BRD, FRD, specifications, and technical documentation for clear communication and requirements management.
Master process modeling with BPMN, flowcharts, swimlane diagrams, and process optimization techniques for business process improvement.
Master requirements gathering techniques including interviews, workshops, observation, and documentation for effective requirement elicitation.
Master use case development with actors, scenarios, preconditions, postconditions, and detailed specifications for comprehensive requirements.
Master data visualization with chart selection, dashboard design, Tableau, Power BI, and effective data storytelling.
Master Excel for data analysis with pivot tables, formulas, Power Query, and advanced Excel techniques.
| name | wireframing |
| description | Master wireframing with low and high-fidelity mockups, information architecture, and layout design. |
Create effective wireframes that communicate structure, layout, and information hierarchy for user interfaces.
+----------------------------------+
| [Logo] Nav1 Nav2 Nav3 |
+----------------------------------+
| |
| Hero Image / Banner |
| [Primary CTA Button] |
| |
+----------------------------------+
| |
| Feature 1 | Feature 2 |
| [Icon] | [Icon] |
| Text... | Text... |
| |
+----------------------------------+
| Footer Links [Social] |
+----------------------------------+
Homepage Wireframe - Desktop (1440px)
1. Navigation Bar
- Fixed position on scroll
- Logo links to homepage
- 3 main nav items
- CTA button (right-aligned)
2. Hero Section
- Full-width image
- H1 headline (48px)
- Subheading (24px)
- Primary CTA (48px height)
3. Feature Grid
- 3 columns on desktop
- Icons (64x64px)
- Hover state: scale 1.05
4. Footer
- 4 column layout
- Social icons (24x24px)
- Copyright text (14px)