@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.
Files changed (35) hide show
  1. package/.env.example +16 -0
  2. package/.env.railway +13 -0
  3. package/LICENSE +21 -0
  4. package/README.md +184 -0
  5. package/mcp.json +57 -0
  6. package/package.json +20 -0
  7. package/pyproject.toml +25 -0
  8. package/railway.toml +26 -0
  9. package/run.sh +17 -0
  10. package/symbols_mcp/__init__.py +1 -0
  11. package/symbols_mcp/server.py +1114 -0
  12. package/symbols_mcp/skills/ACCESSIBILITY.md +471 -0
  13. package/symbols_mcp/skills/ACCESSIBILITY_AUDITORY.md +70 -0
  14. package/symbols_mcp/skills/AGENT_INSTRUCTIONS.md +257 -0
  15. package/symbols_mcp/skills/BRAND_INDENTITY.md +69 -0
  16. package/symbols_mcp/skills/BUILT_IN_COMPONENTS.md +304 -0
  17. package/symbols_mcp/skills/CLAUDE.md +2158 -0
  18. package/symbols_mcp/skills/CLI_QUICK_START.md +205 -0
  19. package/symbols_mcp/skills/DESIGN_CRITIQUE.md +64 -0
  20. package/symbols_mcp/skills/DESIGN_DIRECTION.md +320 -0
  21. package/symbols_mcp/skills/DESIGN_SYSTEM_ARCHITECT.md +64 -0
  22. package/symbols_mcp/skills/DESIGN_SYSTEM_CONFIG.md +487 -0
  23. package/symbols_mcp/skills/DESIGN_SYSTEM_IN_PROPS.md +136 -0
  24. package/symbols_mcp/skills/DESIGN_TO_CODE.md +64 -0
  25. package/symbols_mcp/skills/DESIGN_TREND.md +50 -0
  26. package/symbols_mcp/skills/DOMQL_v2-v3_MIGRATION.md +236 -0
  27. package/symbols_mcp/skills/FIGMA_MATCHING.md +63 -0
  28. package/symbols_mcp/skills/GARY_TAN.md +80 -0
  29. package/symbols_mcp/skills/MARKETING_ASSETS.md +66 -0
  30. package/symbols_mcp/skills/MIGRATE_TO_SYMBOLS.md +614 -0
  31. package/symbols_mcp/skills/QUICKSTART.md +79 -0
  32. package/symbols_mcp/skills/SYMBOLS_LOCAL_INSTRUCTIONS.md +1405 -0
  33. package/symbols_mcp/skills/THE_PRESENTATION.md +69 -0
  34. package/symbols_mcp/skills/UI_UX_PATTERNS.md +68 -0
  35. 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
+ }