بنقرة واحدة
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)