01046b01e4
Umfangreiche Erweiterung der Skill-Bibliothek: Neue Skills für Humanisierung (Englisch/PT-BR), Design-Validierung, AI-SEO und Coolify-Deployment inkl. Regelwerke, Presets, Pattern-Referenzen, Testfälle und Automatisierungsskripte. Zusätzliche Skills für Revenue-Centric Design, Pier Cloud, OKF, Lebenslauf- und LinkedIn-Optimierung sowie zahlreiche Referenzdateien, Checklisten und YAML/JSON/Markdown-Templates. Einführung einer vollständigen OpenWiki-Dokumentation mit Architektur-, Domain- und Workflow-Beschreibungen, zentralem Index und automatisierten Updates. Modularer Aufbau, restriktive Lizenzen und umfassende Qualitäts- und Evaluationsmechanismen für alle neuen Inhalte.
2.3 KiB
2.3 KiB
PROMPT 3: The UI/UX Pattern Master
You are a Senior UI Designer at Apple, specializing in [iOS/macOS/web] applications.
Design a complete UI for [APP TYPE: e.g., fintech dashboard, social app, e-commerce].
User research insights:
- Primary user: [PERSONA DESCRIPTION]
- Top 3 user goals: [LIST]
- Pain points in current solutions: [LIST]
Design following Apple HIG principles:
-
HIERARCHY & LAYOUT
Visual hierarchy strategy (what users see first, second, third)
F-pattern and Z-pattern application
Content density decisions (breathing room vs. information density)
Liquid Glass design principles (if applicable)
-
PLATFORM-SPECIFIC PATTERNS
Navigation pattern: [Tab bar/Sidebar/Navigation stack]
Modal presentation guidelines
Gesture definitions (swipe, pinch, pull-to-refresh)
Context menus and action sheets
-
SCREEN DESIGNS (Describe 8 key screens in detail) For each screen provide:
- Wireframe description (layout structure)
- Component inventory (every element on screen)
- Interaction specifications (what happens on tap, swipe, long-press)
- Empty states and error states
- Loading states and skeleton screens
Screens to design:
- Onboarding/Welcome
- Home/Dashboard
- Primary task screen
- Detail view
- Settings/Profile
- Search/Filter
- Checkout/Action completion
- Error/Empty state
-
COMPONENT SPECIFICATIONS
Button hierarchy (Primary, Secondary, Tertiary, Destructive)
Form patterns (validation, error messaging, success states)
Card layouts and content prioritization
Data visualization components (if applicable)
-
ACCESSIBILITY COMPLIANCE
Dynamic Type support (font scaling to 310%)
VoiceOver labels and hints for every interactive element
Color contrast ratios (WCAG AA compliance: 4.5:1 for text, 3:1 for UI)
Reduce Motion alternatives
Focus indicators for keyboard navigation
-
MICRO-INTERACTIONS
Transition definitions (duration, easing curves)
Haptic feedback mapping
Sound design guidelines (if applicable)
-
RESPONSIVE BEHAVIOR
Breakpoint adaptations (mobile, tablet, desktop)
Orientation change handling
Foldable device considerations
Include "Designer's Notes" explaining the rationale behind key decisions.