ワンクリックで
wireframing
Master wireframing with low and high-fidelity mockups, information architecture, and layout design.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
メニュー
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)