@symbo.ls/mcp 1.0.0
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/.env.example +16 -0
- package/.env.railway +13 -0
- package/LICENSE +21 -0
- package/README.md +184 -0
- package/mcp.json +57 -0
- package/package.json +20 -0
- package/pyproject.toml +25 -0
- package/railway.toml +26 -0
- package/run.sh +17 -0
- package/symbols_mcp/__init__.py +1 -0
- package/symbols_mcp/server.py +1114 -0
- package/symbols_mcp/skills/ACCESSIBILITY.md +471 -0
- package/symbols_mcp/skills/ACCESSIBILITY_AUDITORY.md +70 -0
- package/symbols_mcp/skills/AGENT_INSTRUCTIONS.md +257 -0
- package/symbols_mcp/skills/BRAND_INDENTITY.md +69 -0
- package/symbols_mcp/skills/BUILT_IN_COMPONENTS.md +304 -0
- package/symbols_mcp/skills/CLAUDE.md +2158 -0
- package/symbols_mcp/skills/CLI_QUICK_START.md +205 -0
- package/symbols_mcp/skills/DESIGN_CRITIQUE.md +64 -0
- package/symbols_mcp/skills/DESIGN_DIRECTION.md +320 -0
- package/symbols_mcp/skills/DESIGN_SYSTEM_ARCHITECT.md +64 -0
- package/symbols_mcp/skills/DESIGN_SYSTEM_CONFIG.md +487 -0
- package/symbols_mcp/skills/DESIGN_SYSTEM_IN_PROPS.md +136 -0
- package/symbols_mcp/skills/DESIGN_TO_CODE.md +64 -0
- package/symbols_mcp/skills/DESIGN_TREND.md +50 -0
- package/symbols_mcp/skills/DOMQL_v2-v3_MIGRATION.md +236 -0
- package/symbols_mcp/skills/FIGMA_MATCHING.md +63 -0
- package/symbols_mcp/skills/GARY_TAN.md +80 -0
- package/symbols_mcp/skills/MARKETING_ASSETS.md +66 -0
- package/symbols_mcp/skills/MIGRATE_TO_SYMBOLS.md +614 -0
- package/symbols_mcp/skills/QUICKSTART.md +79 -0
- package/symbols_mcp/skills/SYMBOLS_LOCAL_INSTRUCTIONS.md +1405 -0
- package/symbols_mcp/skills/THE_PRESENTATION.md +69 -0
- package/symbols_mcp/skills/UI_UX_PATTERNS.md +68 -0
- package/windsurf-mcp-config.json +18 -0
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
The Presentation Designer
|
|
2
|
+
|
|
3
|
+
You are a Presentation Designer at Apple, creating keynote presentations for executive audiences.
|
|
4
|
+
|
|
5
|
+
Design a complete presentation for [TOPIC/PURPOSE].
|
|
6
|
+
|
|
7
|
+
Audience: [C-SUITE/INVESTORS/CUSTOMERS/TEAM]
|
|
8
|
+
Duration: [20/30/60] minutes
|
|
9
|
+
Objective: [INFORM/PERSUADE/INSPIRE/EDUCATE]
|
|
10
|
+
|
|
11
|
+
Deliverables:
|
|
12
|
+
|
|
13
|
+
1. NARRATIVE ARCHITECTURE
|
|
14
|
+
• Story arc (hero's journey framework applied to business)
|
|
15
|
+
• Opening hook (first 60 seconds)
|
|
16
|
+
• Key message hierarchy (3 core messages max)
|
|
17
|
+
• Closing call-to-action
|
|
18
|
+
|
|
19
|
+
2. SLIDE-BY-SLIDE SPECIFICATIONS (20-30 slides)
|
|
20
|
+
For each slide provide:
|
|
21
|
+
- Slide number and title
|
|
22
|
+
- Layout type (title, content, data, image, split, quote, transition)
|
|
23
|
+
- Visual description (composition, imagery, colors)
|
|
24
|
+
- Exact copy (headlines: 6 words max, body: 20 words max)
|
|
25
|
+
- Speaker notes (what presenter says, 60-90 seconds of content)
|
|
26
|
+
- Animation notes (builds, transitions, timing)
|
|
27
|
+
|
|
28
|
+
Slide structure:
|
|
29
|
+
1. Title slide (impactful, minimal)
|
|
30
|
+
2. Agenda (3 sections max)
|
|
31
|
+
3. The Problem (emotional hook)
|
|
32
|
+
4. Current State (data visualization)
|
|
33
|
+
5. The Opportunity (market size, trend)
|
|
34
|
+
6. Our Solution (product/demo)
|
|
35
|
+
7. How It Works (3-step process)
|
|
36
|
+
8. Key Benefits (3 benefits with icons)
|
|
37
|
+
9. Proof Points (3 case studies/testimonials)
|
|
38
|
+
10. Competitive Landscape (2×2 matrix or comparison)
|
|
39
|
+
11. Business Model (revenue streams)
|
|
40
|
+
12. Traction (metrics, growth curve)
|
|
41
|
+
13. Roadmap (3 phases)
|
|
42
|
+
14. Team (3 key members)
|
|
43
|
+
15. The Ask (investment/partnership/next steps)
|
|
44
|
+
16. Closing (memorable final thought)
|
|
45
|
+
|
|
46
|
+
3. VISUAL DESIGN SYSTEM
|
|
47
|
+
• Color palette (dark background for impact, or light for clarity)
|
|
48
|
+
• Typography (1 display font, 1 body font, sizes for each level)
|
|
49
|
+
• Imagery style (photography vs. illustration vs. abstract)
|
|
50
|
+
• Data visualization style (chart types, colors, labeling)
|
|
51
|
+
• Iconography style (line vs. filled, consistent weight)
|
|
52
|
+
|
|
53
|
+
4. ASSET SPECIFICATIONS
|
|
54
|
+
• Image requirements (subject, mood, composition, resolution)
|
|
55
|
+
• Chart data (exact numbers, trend lines, comparisons)
|
|
56
|
+
• Icon needs (list of 15 icons required)
|
|
57
|
+
• Video/animation requirements (if applicable)
|
|
58
|
+
|
|
59
|
+
5. PRESENTER GUIDELINES
|
|
60
|
+
• Pacing (time per section)
|
|
61
|
+
• Transition scripts
|
|
62
|
+
• Audience interaction moments (questions, polls)
|
|
63
|
+
• Backup slides (5 optional deep-dive slides)
|
|
64
|
+
|
|
65
|
+
6. HANDOUT MATERIALS
|
|
66
|
+
• One-pager summary design
|
|
67
|
+
• Leave-behind deck (simplified version)
|
|
68
|
+
|
|
69
|
+
Design for emotional impact. Every slide should earn its place.
|
|
@@ -0,0 +1,68 @@
|
|
|
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.
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
{
|
|
2
|
+
"mcpServers": {
|
|
3
|
+
"symbols-mcp": {
|
|
4
|
+
"command": "python",
|
|
5
|
+
"args": [
|
|
6
|
+
"-m",
|
|
7
|
+
"uv",
|
|
8
|
+
"run",
|
|
9
|
+
"--directory",
|
|
10
|
+
"C:\\repos\\symbols-mcp-server",
|
|
11
|
+
"symbols-mcp"
|
|
12
|
+
],
|
|
13
|
+
"env": {
|
|
14
|
+
"OPENROUTER_API_KEY": "YOUR_KEY_HERE"
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
}
|