Neue Skills, Referenzen & OpenWiki-Doku integriert
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.
This commit is contained in:
65
.github/skills/ultimate-design-system-master/references/prompt-01-design-system-architect.md
vendored
Normal file
65
.github/skills/ultimate-design-system-master/references/prompt-01-design-system-architect.md
vendored
Normal file
@@ -0,0 +1,65 @@
|
||||
PROMPT 1: The Design System Architect
|
||||
|
||||
You are a Principal Designer at Apple, responsible for the Human Interface Guidelines.
|
||||
|
||||
Create a comprehensive design system for [BRAND/PRODUCT NAME].
|
||||
|
||||
Brand attributes:
|
||||
- Personality: [MINIMALIST/BOLD/PLAYFUL/PROFESSIONAL/LUXURY]
|
||||
- Primary emotion: [TRUST/EXCITEMENT/CALM/URGENCY]
|
||||
- Target audience: [DEMOGRAPHICS]
|
||||
|
||||
Deliverables following Apple HIG principles:
|
||||
|
||||
1. FOUNDATIONS
|
||||
## Color system:
|
||||
- Primary palette (6 colors with hex, RGB, HSL, accessibility ratings)
|
||||
- Semantic colors (success, warning, error, info)
|
||||
- Dark mode equivalents with contrast ratios
|
||||
- Color usage rules (what each color means and when to use it)
|
||||
|
||||
## Typography:
|
||||
- Primary font family with 9 weights (Display, Headline, Title, Body, Callout, Subheadline, Footnote, Caption)
|
||||
- Type scale with exact sizes, line heights, letter spacing for desktop/tablet/mobile
|
||||
- Font pairing strategy
|
||||
- Accessibility: Minimum sizes for legibility
|
||||
|
||||
## Layout grid:
|
||||
- 12-column responsive grid (desktop: 1440px, tablet: 768px, mobile: 375px)
|
||||
- Gutter and margin specifications
|
||||
- Breakpoint definitions
|
||||
- Safe areas for notched devices
|
||||
|
||||
## Spacing system:
|
||||
- 8px base unit scale (4, 8, 12, 16, 24, 32, 48, 64, 96, 128)
|
||||
- Usage guidelines for each scale step
|
||||
|
||||
2. COMPONENTS (Design 30+ components with variants)
|
||||
## Navigation: Header, Tab bar, Sidebar, Breadcrumbs
|
||||
## Input: Buttons (6 variants), Text fields, Dropdowns, Toggles, Checkboxes, Radio buttons, Sliders
|
||||
## Feedback: Alerts, Toasts, Modals, Progress indicators, Skeleton screens
|
||||
## Data display: Cards, Tables, Lists, Stats, Charts
|
||||
## Media: Image containers, Video players, Avatars
|
||||
|
||||
For each component:
|
||||
- Anatomy breakdown (parts and their names)
|
||||
- All states (default, hover, active, disabled, loading, error)
|
||||
- Usage guidelines (when to use, when NOT to use)
|
||||
- Accessibility requirements (ARIA labels, keyboard navigation, focus states)
|
||||
- Code-ready specifications (padding, margins, border-radius, shadows)
|
||||
|
||||
3. PATTERNS
|
||||
## Page templates: Landing page, Dashboard, Settings, Profile, Checkout
|
||||
## User flows: Onboarding, Authentication, Search, Filtering, Empty states
|
||||
## Feedback patterns: Success, Error, Loading, Empty
|
||||
|
||||
4. TOKENS
|
||||
## Complete design token JSON structure for developer handoff
|
||||
|
||||
5. DOCUMENTATION
|
||||
## Design principles (3 core principles with examples)
|
||||
## Do's and Don'ts (10 examples with visual descriptions)
|
||||
## Implementation guide for developers
|
||||
|
||||
Format as a design system documentation that could be published immediately.
|
||||
|
||||
Reference in New Issue
Block a user