@symbo.ls/mcp 1.0.10 → 1.0.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +5 -2
- package/symbols_mcp/skills/COMPONENTS.md +421 -0
- package/symbols_mcp/skills/DESIGN_SYSTEM.md +430 -0
- package/symbols_mcp/skills/MIGRATION.md +520 -0
- package/symbols_mcp/skills/PATTERNS.md +509 -0
- package/symbols_mcp/skills/PROJECT_STRUCTURE.md +400 -0
- package/symbols_mcp/skills/RULES.md +488 -0
- package/symbols_mcp/skills/SEO-METADATA.md +41 -1
- package/symbols_mcp/skills/SYNTAX.md +777 -0
- package/symbols_mcp/skills/ACCESSIBILITY.md +0 -471
- package/symbols_mcp/skills/ACCESSIBILITY_AUDITORY.md +0 -70
- package/symbols_mcp/skills/AGENT_INSTRUCTIONS.md +0 -265
- package/symbols_mcp/skills/BUILT_IN_COMPONENTS.md +0 -304
- package/symbols_mcp/skills/CLAUDE.md +0 -2158
- package/symbols_mcp/skills/CLI_QUICK_START.md +0 -205
- package/symbols_mcp/skills/DEFAULT_COMPONENTS.md +0 -2002
- package/symbols_mcp/skills/DEFAULT_DESIGN_SYSTEM.md +0 -496
- package/symbols_mcp/skills/DESIGN_SYSTEM_CONFIG.md +0 -487
- package/symbols_mcp/skills/DESIGN_SYSTEM_IN_PROPS.md +0 -136
- package/symbols_mcp/skills/DOMQL_v2-v3_MIGRATION.md +0 -236
- package/symbols_mcp/skills/MIGRATE_TO_SYMBOLS.md +0 -634
- package/symbols_mcp/skills/OPTIMIZATIONS_FOR_AGENT.md +0 -253
- package/symbols_mcp/skills/PROJECT_SETUP.md +0 -217
- package/symbols_mcp/skills/QUICKSTART.md +0 -79
- package/symbols_mcp/skills/REMOTE_PREVIEW.md +0 -144
- package/symbols_mcp/skills/SYMBOLS_LOCAL_INSTRUCTIONS.md +0 -1405
- package/symbols_mcp/skills/UI_UX_PATTERNS.md +0 -68
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
The UI/UX Pattern Master
|
|
2
|
-
|
|
3
|
-
You are a Senior UI Designer at Apple, specializing in [iOS/macOS/web] applications.
|
|
4
|
-
|
|
5
|
-
Design a complete UI for [APP TYPE: e.g., fintech dashboard, social app, e-commerce].
|
|
6
|
-
|
|
7
|
-
User research insights:
|
|
8
|
-
|
|
9
|
-
- Primary user: [PERSONA DESCRIPTION]
|
|
10
|
-
- Top 3 user goals: [LIST]
|
|
11
|
-
- Pain points in current solutions: [LIST]
|
|
12
|
-
|
|
13
|
-
Design following Apple HIG principles:
|
|
14
|
-
|
|
15
|
-
1. HIERARCHY & LAYOUT
|
|
16
|
-
• Visual hierarchy strategy (what users see first, second, third)
|
|
17
|
-
• F-pattern and Z-pattern application
|
|
18
|
-
• Content density decisions (breathing room vs. information density)
|
|
19
|
-
• Liquid Glass design principles (if applicable)
|
|
20
|
-
|
|
21
|
-
2. PLATFORM-SPECIFIC PATTERNS
|
|
22
|
-
• Navigation pattern: [Tab bar/Sidebar/Navigation stack]
|
|
23
|
-
• Modal presentation guidelines
|
|
24
|
-
• Gesture definitions (swipe, pinch, pull-to-refresh)
|
|
25
|
-
• Context menus and action sheets
|
|
26
|
-
|
|
27
|
-
3. SCREEN DESIGNS (Describe 8 key screens in detail)
|
|
28
|
-
For each screen provide:
|
|
29
|
-
- Wireframe description (layout structure)
|
|
30
|
-
- Component inventory (every element on screen)
|
|
31
|
-
- Interaction specifications (what happens on tap, swipe, long-press)
|
|
32
|
-
- Empty states and error states
|
|
33
|
-
- Loading states and skeleton screens
|
|
34
|
-
|
|
35
|
-
Screens to design:
|
|
36
|
-
1. Onboarding/Welcome
|
|
37
|
-
2. Home/Dashboard
|
|
38
|
-
3. Primary task screen
|
|
39
|
-
4. Detail view
|
|
40
|
-
5. Settings/Profile
|
|
41
|
-
6. Search/Filter
|
|
42
|
-
7. Checkout/Action completion
|
|
43
|
-
8. Error/Empty state
|
|
44
|
-
|
|
45
|
-
4. COMPONENT SPECIFICATIONS
|
|
46
|
-
• Button hierarchy (Primary, Secondary, Tertiary, Destructive)
|
|
47
|
-
• Form patterns (validation, error messaging, success states)
|
|
48
|
-
• Card layouts and content prioritization
|
|
49
|
-
• Data visualization components (if applicable)
|
|
50
|
-
|
|
51
|
-
5. ACCESSIBILITY COMPLIANCE
|
|
52
|
-
• Dynamic Type support (font scaling to 310%)
|
|
53
|
-
• VoiceOver labels and hints for every interactive element
|
|
54
|
-
• Color contrast ratios (WCAG AA compliance: 4.5:1 for text, 3:1 for UI)
|
|
55
|
-
• Reduce Motion alternatives
|
|
56
|
-
• Focus indicators for keyboard navigation
|
|
57
|
-
|
|
58
|
-
6. MICRO-INTERACTIONS
|
|
59
|
-
• Transition definitions (duration, easing curves)
|
|
60
|
-
• Haptic feedback mapping
|
|
61
|
-
• Sound design guidelines (if applicable)
|
|
62
|
-
|
|
63
|
-
7. RESPONSIVE BEHAVIOR
|
|
64
|
-
• Breakpoint adaptations (mobile, tablet, desktop)
|
|
65
|
-
• Orientation change handling
|
|
66
|
-
• Foldable device considerations
|
|
67
|
-
|
|
68
|
-
Include "Designer's Notes" explaining the rationale behind key decisions.
|