Menu
Master wireframing with low and high-fidelity mockups, information architecture, and layout design.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
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)