원클릭으로
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)