@polymorphism-tech/morph-spec 7.8.0 → 7.8.1

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 (166) hide show
  1. package/README.md +2 -2
  2. package/bin/validate.js +379 -379
  3. package/claude-plugin.json +1 -1
  4. package/docs/CHEATSHEET.md +1 -1
  5. package/docs/QUICKSTART.md +1 -1
  6. package/framework/commands/commit.md +166 -166
  7. package/framework/commands/morph-infra.md +215 -215
  8. package/framework/commands/morph-preflight.md +205 -205
  9. package/framework/commands/morph-troubleshoot.md +124 -124
  10. package/framework/hooks/claude-code/statusline.py +679 -679
  11. package/framework/hooks/claude-code/statusline.sh +11 -11
  12. package/framework/hooks/git/commit-msg/conventional-commits.sh +33 -33
  13. package/framework/hooks/git/pre-commit/agents.sh +25 -25
  14. package/framework/hooks/git/pre-commit/orchestrator.sh +64 -64
  15. package/framework/hooks/git/pre-commit/specs.sh +50 -50
  16. package/framework/hooks/git/pre-push/run-tests.sh +44 -44
  17. package/framework/hooks/shared/activity-logger.js +160 -160
  18. package/framework/hooks/shared/hook-response.js +45 -45
  19. package/framework/hooks/shared/payload-utils.js +78 -78
  20. package/framework/hooks/shared/stdin-reader.js +26 -26
  21. package/framework/rubrics/backend.json +41 -41
  22. package/framework/rules/ai-agents-standards.md +45 -45
  23. package/framework/rules/dotnet-templates.md +86 -86
  24. package/framework/rules/frontend-standards.md +13 -13
  25. package/framework/rules/infrastructure-standards.md +27 -27
  26. package/framework/rules/neon-standards.md +25 -25
  27. package/framework/rules/nextjs-standards.md +20 -20
  28. package/framework/rules/nextjs-templates.md +40 -40
  29. package/framework/skills/core/create-umbraco-lp/SKILL.md +1 -1
  30. package/framework/skills/core/migrate-lp-to-umbraco/SKILL.md +1 -1
  31. package/framework/skills/core/morph-brainstorming/SKILL.md +8 -4
  32. package/framework/skills/core/morph-eval/SKILL.md +1 -1
  33. package/framework/skills/core/morph-plan/SKILL.md +8 -4
  34. package/framework/skills/core/morph-proposal/SKILL.md +1 -1
  35. package/framework/skills/core/morph-review/SKILL.md +13 -7
  36. package/framework/skills/core/morph-stack-scan/SKILL.md +1 -1
  37. package/framework/skills/core/morph-standards/SKILL.md +1 -1
  38. package/framework/standards/ai-agents/agent-session.md +160 -160
  39. package/framework/standards/ai-agents/batching.md +193 -193
  40. package/framework/standards/ai-agents/context-providers.md +188 -188
  41. package/framework/standards/ai-agents/mcp-server.md +250 -250
  42. package/framework/standards/ai-agents/mcp-tools.md +197 -197
  43. package/framework/standards/ai-agents/middleware-patterns.md +207 -207
  44. package/framework/standards/ai-agents/modalities-image-gen.md +173 -173
  45. package/framework/standards/ai-agents/modalities-speech-to-text.md +171 -171
  46. package/framework/standards/ai-agents/modalities-text-to-speech.md +181 -181
  47. package/framework/standards/ai-agents/modalities-vision.md +201 -201
  48. package/framework/standards/ai-agents/multi-agent-patterns.md +155 -155
  49. package/framework/standards/ai-agents/production.md +275 -275
  50. package/framework/standards/ai-agents/prompts-in-db.md +214 -214
  51. package/framework/standards/ai-agents/providers/model-registry.md +158 -158
  52. package/framework/standards/ai-agents/service-tier-flex.md +135 -135
  53. package/framework/standards/ai-agents/structured-output.md +249 -249
  54. package/framework/standards/ai-agents/sweet-spot.md +109 -109
  55. package/framework/templates/IDE-SNIPPETS.md +262 -262
  56. package/framework/templates/code/dotnet/abstractions/api-endpoint.cs +7 -7
  57. package/framework/templates/code/dotnet/ai-agents/AgentBootstrap.cs.template +39 -39
  58. package/framework/templates/code/dotnet/ai-agents/EmbeddingService.cs.template +68 -68
  59. package/framework/templates/code/dotnet/ai-agents/ModelRegistry.cs.template +117 -117
  60. package/framework/templates/code/dotnet/ai-agents/PromptRepository.cs.template +95 -95
  61. package/framework/templates/code/dotnet/ai-agents/ResilientToolMiddleware.cs.template +61 -61
  62. package/framework/templates/code/dotnet/ai-agents/VectorSearchTool.cs.template +107 -107
  63. package/framework/templates/code/dotnet/ai-agents/model-registry.json.template +58 -58
  64. package/framework/templates/code/dotnet/contracts/contracts-vsa.cs +281 -281
  65. package/framework/templates/code/dotnet/database/migration.cs +83 -83
  66. package/framework/templates/code/dotnet/feature/endpoint.cs.hbs +21 -21
  67. package/framework/templates/code/dotnet/feature/request.cs.hbs +4 -4
  68. package/framework/templates/code/dotnet/feature/response.cs.hbs +4 -4
  69. package/framework/templates/code/dotnet/feature/validator.cs.hbs +15 -15
  70. package/framework/templates/code/sql/ai-agents/agent-prompts-migration.sql.template +58 -58
  71. package/framework/templates/code/sql/ai-agents/pgvector-embeddings-migration.sql.template +91 -91
  72. package/framework/templates/code/typescript/contracts.ts +167 -167
  73. package/framework/templates/docs/clarifications.md +253 -253
  74. package/framework/templates/docs/schema-analysis.md +119 -119
  75. package/framework/templates/docs/ui-components.md +52 -52
  76. package/framework/templates/docs/ui-design-system.md +76 -76
  77. package/framework/templates/docs/ui-flows.md +167 -167
  78. package/framework/templates/docs/ui-mockups.md +98 -98
  79. package/framework/templates/feature/decisions.md +122 -122
  80. package/framework/templates/frontend/nextjs/Dockerfile.nextjs.hbs +43 -43
  81. package/framework/templates/frontend/nextjs/client-component.tsx.hbs +26 -26
  82. package/framework/templates/frontend/nextjs/env.mjs.hbs +32 -32
  83. package/framework/templates/frontend/nextjs/feature-form.tsx.hbs +56 -56
  84. package/framework/templates/frontend/nextjs/page.tsx.hbs +22 -22
  85. package/framework/templates/frontend/nextjs/tsconfig.json.hbs +26 -26
  86. package/framework/templates/frontend/nextjs/use-feature.ts.hbs +54 -54
  87. package/framework/templates/infrastructure/docker/Dockerfile.template +58 -58
  88. package/framework/templates/infrastructure/docker/docker-compose.template.yml +50 -50
  89. package/framework/templates/infrastructure/docker/dockerfile-api.dockerfile +38 -38
  90. package/framework/templates/infrastructure/docker/dockerfile-web.dockerfile +48 -48
  91. package/framework/templates/infrastructure/github/README.md +56 -56
  92. package/framework/templates/infrastructure/github/actions/docker-build-push/action.yml.hbs +45 -45
  93. package/framework/templates/infrastructure/github/actions/health-check/action.yml.hbs +27 -27
  94. package/framework/templates/infrastructure/github/workflows/docker-build-push.yml.hbs +59 -59
  95. package/framework/templates/infrastructure/github/workflows/dotnet-build.yml.hbs +39 -39
  96. package/framework/templates/integrations/asaas-client.cs +387 -387
  97. package/framework/templates/integrations/asaas-webhook.cs +351 -351
  98. package/framework/templates/meta-prompts/fusion/fusion-agent.md +76 -76
  99. package/framework/templates/meta-prompts/fusion/fusion-aggregator.md +100 -100
  100. package/framework/templates/meta-prompts/parallel-workers/parallel-coordinator.md +113 -113
  101. package/framework/templates/meta-prompts/validators/pre-commit-validator.md +95 -95
  102. package/framework/templates/project/validate.js +120 -120
  103. package/framework/templates/state.template.json +17 -17
  104. package/framework/templates/ui/design-system.css +226 -226
  105. package/package.json +1 -1
  106. package/src/commands/dashboard/dashboard.js +53 -53
  107. package/src/commands/index.js +13 -13
  108. package/src/commands/mcp/mcp-setup.js +519 -519
  109. package/src/commands/project/checkpoint.js +209 -209
  110. package/src/commands/project/update.js +7 -4
  111. package/src/core/state/phase-state-machine.js +197 -197
  112. package/src/core/templates/template-renderer.js +477 -477
  113. package/src/dashboard/app/components/DetailPanel.jsx +11 -11
  114. package/src/dashboard/app/components/FlowGraph.jsx +17 -17
  115. package/src/dashboard/app/components/SearchFilter.jsx +22 -22
  116. package/src/dashboard/app/hooks/useDetailPanel.js +15 -15
  117. package/src/dashboard/app/main.jsx +13 -13
  118. package/src/dashboard/app/pages/AgentMap.jsx +370 -370
  119. package/src/dashboard/app/pages/HookInspector.jsx +418 -418
  120. package/src/dashboard/app/pages/LiveState.jsx +239 -239
  121. package/src/dashboard/app/pages/PhasePipeline.jsx +408 -408
  122. package/src/dashboard/app/pages/RulesMap.jsx +273 -273
  123. package/src/dashboard/app/pages/SkillsLibrary.jsx +366 -366
  124. package/src/dashboard/app/pages/Standards.jsx +332 -332
  125. package/src/dashboard/app/styles/index.css +47 -47
  126. package/src/dashboard/index.html +12 -12
  127. package/src/dashboard/package.json +24 -24
  128. package/src/dashboard/scanner/hooks-scanner.js +41 -41
  129. package/src/dashboard/scanner/phases-scanner.js +15 -15
  130. package/src/dashboard/scanner/rubrics-scanner.js +12 -12
  131. package/src/dashboard/scanner/rules-scanner.js +37 -37
  132. package/src/dashboard/scanner/skills-scanner.js +43 -43
  133. package/src/dashboard/scanner/squads-scanner.js +13 -13
  134. package/src/dashboard/scanner/standards-scanner.js +26 -26
  135. package/src/dashboard/vite-plugin-morph-data.js +17 -17
  136. package/src/dashboard/vite.config.js +24 -24
  137. package/src/lib/agents/metrics-aggregator.js +56 -56
  138. package/src/lib/agents/metrics-calculator.js +125 -125
  139. package/src/lib/agents/output-collector.js +73 -73
  140. package/src/lib/detectors/claude-config-detector.js +152 -152
  141. package/src/lib/detectors/design-system-detector.js +231 -231
  142. package/src/lib/detectors/index.js +217 -217
  143. package/src/lib/generators/architecture-scanner.js +639 -639
  144. package/src/lib/generators/design-system-generator.js +508 -508
  145. package/src/lib/generators/index.js +13 -13
  146. package/src/lib/generators/settings-generator.js +209 -209
  147. package/src/lib/hooks/hook-executor.js +167 -167
  148. package/src/lib/installers/mcp-installer.js +719 -719
  149. package/src/lib/tasks/task-classifier.js +30 -30
  150. package/src/lib/tasks/task-parser.js +209 -209
  151. package/src/lib/tasks/test-runner.js +81 -81
  152. package/src/lib/validators/architecture/architecture-validator.js +259 -259
  153. package/src/lib/validators/checkpoint-persistence.js +39 -39
  154. package/src/lib/validators/contracts/contract-compliance-validator.js +274 -274
  155. package/src/lib/validators/css/css-validator.js +340 -340
  156. package/src/lib/validators/packages/package-validator.js +347 -347
  157. package/src/lib/validators/shared/emit-validator-dispatch.js +14 -14
  158. package/src/lib/validators/shared/issue-counter.js +14 -14
  159. package/src/lib/validators/validation-runner.js +349 -349
  160. package/src/scripts/setup-infra.js +383 -383
  161. package/src/utils/agent-id-mapper.js +11 -11
  162. package/src/utils/banner.js +1 -2
  163. package/src/utils/claude-settings-manager.js +300 -300
  164. package/src/utils/skills-installer.js +172 -172
  165. package/framework/templates/.idea/morph-templates.xml +0 -92
  166. package/framework/templates/.vscode/morph-templates.code-snippets +0 -186
@@ -1,119 +1,119 @@
1
- # Schema Analysis - {{FEATURE_NAME_TITLE}}
2
-
3
- **Feature**: {{FEATURE_NAME}}
4
- **Date**: {{DATE}}
5
- **Method**: {{#if method}}{{method}}{{else}}Manual Code Analysis{{/if}}
6
- **Analyzed By**: {{AUTHOR}}
7
-
8
- ---
9
-
10
- ## Summary
11
-
12
- **Tables Analyzed**: {{#if tableCount}}{{tableCount}}{{else}}0{{/if}}
13
- **Code Files Scanned**: {{#if fileCount}}{{fileCount}}{{else}}0{{/if}}
14
- **MCP Tools Used**: {{#if mcpUsed}}{{mcpUsed}}{{else}}No (manual analysis){{/if}}
15
-
16
- ---
17
-
18
- ## Tables Analyzed
19
-
20
- {{#each tables}}
21
- ### Table: {{this.name}}
22
-
23
- **Source:**
24
- {{#if this.mcpSource}}- MCP: {{this.mcpSource}}{{/if}}
25
- {{#if this.codeSource}}- Code: {{this.codeSource}}{{/if}}
26
-
27
- **Columns:**
28
- | Column Name | Type | Nullable | Default | Notes |
29
- |------------|------|----------|---------|-------|
30
- {{#each this.columns}}
31
- | {{this.name}} | {{this.type}} | {{#if this.nullable}}YES{{else}}NO{{/if}} | {{#if this.default}}{{this.default}}{{else}}-{{/if}} | {{#if this.notes}}{{this.notes}}{{else}}-{{/if}} |
32
- {{/each}}
33
-
34
- **Relationships:**
35
- {{#each this.relationships}}
36
- - {{this.description}}
37
- {{/each}}
38
-
39
- **Indexes:**
40
- {{#each this.indexes}}
41
- - {{this.description}}
42
- {{/each}}
43
-
44
- ---
45
- {{/each}}
46
-
47
- ## ⚠️ CRITICAL FINDINGS
48
-
49
- ### Field Name Mismatches (MUST FIX)
50
-
51
- {{#if fieldMismatches}}
52
- {{#each fieldMismatches}}
53
- - ❌ {{this.description}}
54
- {{/each}}
55
- {{else}}
56
- ✅ No field name mismatches found
57
- {{/if}}
58
-
59
- ### Type Mismatches
60
-
61
- {{#if typeMismatches}}
62
- {{#each typeMismatches}}
63
- - ⚠️ {{this.description}}
64
- {{/each}}
65
- {{else}}
66
- ✅ No type mismatches found
67
- {{/if}}
68
-
69
- ### Relationship Corrections
70
-
71
- {{#if relationshipIssues}}
72
- {{#each relationshipIssues}}
73
- - ⚠️ {{this.description}}
74
- {{/each}}
75
- {{else}}
76
- ✅ All relationships correctly identified
77
- {{/if}}
78
-
79
- ---
80
-
81
- ## Recommendations for contracts.cs
82
-
83
- Based on real schema analysis:
84
-
85
- \`\`\`csharp
86
- {{#each dtoRecommendations}}
87
- // {{this.tableName}} → {{this.dtoName}}
88
- public record {{this.dtoName}}(
89
- {{#each this.fields}}
90
- {{this.type}} {{this.name}}{{#if this.nullable}}?{{/if}}{{#unless @last}},{{/unless}} // {{#if this.comment}}{{this.comment}}{{/if}}
91
- {{/each}}
92
- );
93
-
94
- {{/each}}
95
- \`\`\`
96
-
97
- ---
98
-
99
- ## Analysis Notes
100
-
101
- {{#if notes}}
102
- {{notes}}
103
- {{else}}
104
- _No additional notes._
105
- {{/if}}
106
-
107
- ---
108
-
109
- ## Next Steps
110
-
111
- - [ ] Verify schema analysis with stakeholders
112
- - [ ] Generate `contracts.cs` using real field names
113
- - [ ] Update `spec.md` data model section with findings
114
- - [ ] Document any schema migrations needed in `decisions.md`
115
-
116
- ---
117
-
118
- *Generated by MORPH-SPEC v{{FRAMEWORK_VERSION}}*
119
- *Schema analysis helps prevent DTO field name mismatches and ensures contracts match real database schema*
1
+ # Schema Analysis - {{FEATURE_NAME_TITLE}}
2
+
3
+ **Feature**: {{FEATURE_NAME}}
4
+ **Date**: {{DATE}}
5
+ **Method**: {{#if method}}{{method}}{{else}}Manual Code Analysis{{/if}}
6
+ **Analyzed By**: {{AUTHOR}}
7
+
8
+ ---
9
+
10
+ ## Summary
11
+
12
+ **Tables Analyzed**: {{#if tableCount}}{{tableCount}}{{else}}0{{/if}}
13
+ **Code Files Scanned**: {{#if fileCount}}{{fileCount}}{{else}}0{{/if}}
14
+ **MCP Tools Used**: {{#if mcpUsed}}{{mcpUsed}}{{else}}No (manual analysis){{/if}}
15
+
16
+ ---
17
+
18
+ ## Tables Analyzed
19
+
20
+ {{#each tables}}
21
+ ### Table: {{this.name}}
22
+
23
+ **Source:**
24
+ {{#if this.mcpSource}}- MCP: {{this.mcpSource}}{{/if}}
25
+ {{#if this.codeSource}}- Code: {{this.codeSource}}{{/if}}
26
+
27
+ **Columns:**
28
+ | Column Name | Type | Nullable | Default | Notes |
29
+ |------------|------|----------|---------|-------|
30
+ {{#each this.columns}}
31
+ | {{this.name}} | {{this.type}} | {{#if this.nullable}}YES{{else}}NO{{/if}} | {{#if this.default}}{{this.default}}{{else}}-{{/if}} | {{#if this.notes}}{{this.notes}}{{else}}-{{/if}} |
32
+ {{/each}}
33
+
34
+ **Relationships:**
35
+ {{#each this.relationships}}
36
+ - {{this.description}}
37
+ {{/each}}
38
+
39
+ **Indexes:**
40
+ {{#each this.indexes}}
41
+ - {{this.description}}
42
+ {{/each}}
43
+
44
+ ---
45
+ {{/each}}
46
+
47
+ ## ⚠️ CRITICAL FINDINGS
48
+
49
+ ### Field Name Mismatches (MUST FIX)
50
+
51
+ {{#if fieldMismatches}}
52
+ {{#each fieldMismatches}}
53
+ - ❌ {{this.description}}
54
+ {{/each}}
55
+ {{else}}
56
+ ✅ No field name mismatches found
57
+ {{/if}}
58
+
59
+ ### Type Mismatches
60
+
61
+ {{#if typeMismatches}}
62
+ {{#each typeMismatches}}
63
+ - ⚠️ {{this.description}}
64
+ {{/each}}
65
+ {{else}}
66
+ ✅ No type mismatches found
67
+ {{/if}}
68
+
69
+ ### Relationship Corrections
70
+
71
+ {{#if relationshipIssues}}
72
+ {{#each relationshipIssues}}
73
+ - ⚠️ {{this.description}}
74
+ {{/each}}
75
+ {{else}}
76
+ ✅ All relationships correctly identified
77
+ {{/if}}
78
+
79
+ ---
80
+
81
+ ## Recommendations for contracts.cs
82
+
83
+ Based on real schema analysis:
84
+
85
+ \`\`\`csharp
86
+ {{#each dtoRecommendations}}
87
+ // {{this.tableName}} → {{this.dtoName}}
88
+ public record {{this.dtoName}}(
89
+ {{#each this.fields}}
90
+ {{this.type}} {{this.name}}{{#if this.nullable}}?{{/if}}{{#unless @last}},{{/unless}} // {{#if this.comment}}{{this.comment}}{{/if}}
91
+ {{/each}}
92
+ );
93
+
94
+ {{/each}}
95
+ \`\`\`
96
+
97
+ ---
98
+
99
+ ## Analysis Notes
100
+
101
+ {{#if notes}}
102
+ {{notes}}
103
+ {{else}}
104
+ _No additional notes._
105
+ {{/if}}
106
+
107
+ ---
108
+
109
+ ## Next Steps
110
+
111
+ - [ ] Verify schema analysis with stakeholders
112
+ - [ ] Generate `contracts.cs` using real field names
113
+ - [ ] Update `spec.md` data model section with findings
114
+ - [ ] Document any schema migrations needed in `decisions.md`
115
+
116
+ ---
117
+
118
+ *Generated by MORPH-SPEC v{{FRAMEWORK_VERSION}}*
119
+ *Schema analysis helps prevent DTO field name mismatches and ensures contracts match real database schema*
@@ -1,52 +1,52 @@
1
- # UI Components: {{titleCase FEATURE_NAME}}
2
-
3
- | Field | Value |
4
- |-------|-------|
5
- | **Feature** | {{FEATURE_NAME}} |
6
- | **Created** | {{DATE}} |
7
- | **Stack** | {{STACK}} |
8
-
9
- ---
10
-
11
- {{#if (eq STACK "nextjs-neon")}}
12
- ## Component Library: shadcn/ui
13
-
14
- ### C001: Button
15
-
16
- ```tsx
17
- import { Button } from '@/components/ui/button';
18
-
19
- <Button onClick={handleSave} disabled={!isValid}>
20
- Save
21
- </Button>
22
- ```
23
-
24
- ### C002: Data Table
25
-
26
- ```tsx
27
- import { DataTable } from '@/components/ui/data-table';
28
-
29
- <DataTable columns={columns} data={items} />
30
- ```
31
-
32
- {{/if}}
33
-
34
- ---
35
-
36
- ## Form Validation
37
-
38
- | Field | Rule | Error Message |
39
- |-------|------|---------------|
40
- | **Name** | Required, max 100 | "Name is required" |
41
- | **Email** | Valid email | "Invalid email" |
42
-
43
- ---
44
-
45
- ## Accessibility
46
- - [ ] All inputs have labels
47
- - [ ] Error messages announced
48
- - [ ] Keyboard navigation works
49
-
50
- ---
51
-
52
- *Generated with MORPH Framework*
1
+ # UI Components: {{titleCase FEATURE_NAME}}
2
+
3
+ | Field | Value |
4
+ |-------|-------|
5
+ | **Feature** | {{FEATURE_NAME}} |
6
+ | **Created** | {{DATE}} |
7
+ | **Stack** | {{STACK}} |
8
+
9
+ ---
10
+
11
+ {{#if (eq STACK "nextjs-neon")}}
12
+ ## Component Library: shadcn/ui
13
+
14
+ ### C001: Button
15
+
16
+ ```tsx
17
+ import { Button } from '@/components/ui/button';
18
+
19
+ <Button onClick={handleSave} disabled={!isValid}>
20
+ Save
21
+ </Button>
22
+ ```
23
+
24
+ ### C002: Data Table
25
+
26
+ ```tsx
27
+ import { DataTable } from '@/components/ui/data-table';
28
+
29
+ <DataTable columns={columns} data={items} />
30
+ ```
31
+
32
+ {{/if}}
33
+
34
+ ---
35
+
36
+ ## Form Validation
37
+
38
+ | Field | Rule | Error Message |
39
+ |-------|------|---------------|
40
+ | **Name** | Required, max 100 | "Name is required" |
41
+ | **Email** | Valid email | "Invalid email" |
42
+
43
+ ---
44
+
45
+ ## Accessibility
46
+ - [ ] All inputs have labels
47
+ - [ ] Error messages announced
48
+ - [ ] Keyboard navigation works
49
+
50
+ ---
51
+
52
+ *Generated with MORPH Framework*
@@ -1,76 +1,76 @@
1
- # UI Design System: {{titleCase FEATURE_NAME}}
2
-
3
- | Field | Value |
4
- |-------|-------|
5
- | **Feature** | {{FEATURE_NAME}} |
6
- | **Created** | {{DATE}} |
7
- | **Project** | {{PROJECT_NAME}} |
8
-
9
- ---
10
-
11
- ## Color Palette
12
-
13
- ### Primary Colors
14
- | Token | Value | Usage |
15
- |-------|-------|-------|
16
- | `--color-primary` | #0078D4 | Primary actions, links |
17
- | `--color-primary-hover` | #106EBE | Hover states |
18
-
19
- ### Semantic Colors
20
- | Token | Value | Usage |
21
- |-------|-------|-------|
22
- | `--color-success` | #107C10 | Success states |
23
- | `--color-warning` | #F7630C | Warnings |
24
- | `--color-error` | #D13438 | Errors |
25
-
26
- ---
27
-
28
- ## Typography
29
-
30
- | Token | Size | Weight | Usage |
31
- |-------|------|--------|-------|
32
- | `--text-h1` | 24px | 600 | Section headers |
33
- | `--text-body` | 14px | 400 | Body text |
34
- | `--text-caption` | 12px | 400 | Labels |
35
-
36
- ---
37
-
38
- ## Spacing
39
-
40
- | Token | Value | Usage |
41
- |-------|-------|-------|
42
- | `--space-sm` | 8px | Compact spacing |
43
- | `--space-md` | 16px | Standard spacing |
44
- | `--space-lg` | 24px | Wide spacing |
45
-
46
- ---
47
-
48
- ## Components
49
-
50
- ### Buttons
51
- - **Primary**: `--color-primary` background, white text
52
- - **Secondary**: Transparent, `--color-primary` border
53
- - **Sizes**: Small (24px), Medium (32px), Large (40px)
54
-
55
- ### Forms
56
- - **Input height**: 32px
57
- - **Focus**: 2px solid `--color-primary`
58
- - **Error**: 1px solid `--color-error`
59
-
60
- ---
61
-
62
- ## Accessibility
63
- - [ ] 4.5:1 contrast ratio (WCAG AA)
64
- - [ ] Touch targets minimum 44x44px
65
- - [ ] Keyboard navigation supported
66
-
67
- ---
68
-
69
- ## Responsive Breakpoints
70
- - **Mobile**: < 768px
71
- - **Tablet**: 768px - 1199px
72
- - **Desktop**: ≥ 1200px
73
-
74
- ---
75
-
76
- *Generated with MORPH Framework*
1
+ # UI Design System: {{titleCase FEATURE_NAME}}
2
+
3
+ | Field | Value |
4
+ |-------|-------|
5
+ | **Feature** | {{FEATURE_NAME}} |
6
+ | **Created** | {{DATE}} |
7
+ | **Project** | {{PROJECT_NAME}} |
8
+
9
+ ---
10
+
11
+ ## Color Palette
12
+
13
+ ### Primary Colors
14
+ | Token | Value | Usage |
15
+ |-------|-------|-------|
16
+ | `--color-primary` | #0078D4 | Primary actions, links |
17
+ | `--color-primary-hover` | #106EBE | Hover states |
18
+
19
+ ### Semantic Colors
20
+ | Token | Value | Usage |
21
+ |-------|-------|-------|
22
+ | `--color-success` | #107C10 | Success states |
23
+ | `--color-warning` | #F7630C | Warnings |
24
+ | `--color-error` | #D13438 | Errors |
25
+
26
+ ---
27
+
28
+ ## Typography
29
+
30
+ | Token | Size | Weight | Usage |
31
+ |-------|------|--------|-------|
32
+ | `--text-h1` | 24px | 600 | Section headers |
33
+ | `--text-body` | 14px | 400 | Body text |
34
+ | `--text-caption` | 12px | 400 | Labels |
35
+
36
+ ---
37
+
38
+ ## Spacing
39
+
40
+ | Token | Value | Usage |
41
+ |-------|-------|-------|
42
+ | `--space-sm` | 8px | Compact spacing |
43
+ | `--space-md` | 16px | Standard spacing |
44
+ | `--space-lg` | 24px | Wide spacing |
45
+
46
+ ---
47
+
48
+ ## Components
49
+
50
+ ### Buttons
51
+ - **Primary**: `--color-primary` background, white text
52
+ - **Secondary**: Transparent, `--color-primary` border
53
+ - **Sizes**: Small (24px), Medium (32px), Large (40px)
54
+
55
+ ### Forms
56
+ - **Input height**: 32px
57
+ - **Focus**: 2px solid `--color-primary`
58
+ - **Error**: 1px solid `--color-error`
59
+
60
+ ---
61
+
62
+ ## Accessibility
63
+ - [ ] 4.5:1 contrast ratio (WCAG AA)
64
+ - [ ] Touch targets minimum 44x44px
65
+ - [ ] Keyboard navigation supported
66
+
67
+ ---
68
+
69
+ ## Responsive Breakpoints
70
+ - **Mobile**: < 768px
71
+ - **Tablet**: 768px - 1199px
72
+ - **Desktop**: ≥ 1200px
73
+
74
+ ---
75
+
76
+ *Generated with MORPH Framework*