@mytechtoday/augment-extensions 1.3.0 → 1.3.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.
- package/LICENSE +22 -22
- package/augment-extensions/domain-rules/software-architecture/README.md +143 -143
- package/augment-extensions/domain-rules/software-architecture/examples/banking-layered.md +961 -961
- package/augment-extensions/domain-rules/software-architecture/examples/ecommerce-microservices.md +990 -990
- package/augment-extensions/domain-rules/software-architecture/examples/iot-eventdriven.md +882 -882
- package/augment-extensions/domain-rules/software-architecture/examples/monolith-to-microservices-migration.md +703 -703
- package/augment-extensions/domain-rules/software-architecture/examples/serverless-imageprocessing.md +957 -957
- package/augment-extensions/domain-rules/software-architecture/examples/trading-eventdriven.md +747 -747
- package/augment-extensions/domain-rules/software-architecture/module.json +119 -119
- package/augment-extensions/domain-rules/software-architecture/rules/challenges-solutions.md +763 -763
- package/augment-extensions/domain-rules/software-architecture/rules/definitions-terminology.md +409 -409
- package/augment-extensions/domain-rules/software-architecture/rules/design-principles.md +684 -684
- package/augment-extensions/domain-rules/software-architecture/rules/evaluation-testing.md +1381 -1381
- package/augment-extensions/domain-rules/software-architecture/rules/event-driven-architecture.md +616 -616
- package/augment-extensions/domain-rules/software-architecture/rules/fundamentals.md +306 -306
- package/augment-extensions/domain-rules/software-architecture/rules/industry-architectures.md +554 -554
- package/augment-extensions/domain-rules/software-architecture/rules/layered-architecture.md +776 -776
- package/augment-extensions/domain-rules/software-architecture/rules/microservices-architecture.md +503 -503
- package/augment-extensions/domain-rules/software-architecture/rules/modeling-documentation.md +1199 -1199
- package/augment-extensions/domain-rules/software-architecture/rules/monolithic-architecture.md +351 -351
- package/augment-extensions/domain-rules/software-architecture/rules/principles.md +556 -556
- package/augment-extensions/domain-rules/software-architecture/rules/quality-attributes.md +797 -797
- package/augment-extensions/domain-rules/software-architecture/rules/scalability-performance.md +1345 -1345
- package/augment-extensions/domain-rules/software-architecture/rules/security-architecture.md +1039 -1039
- package/augment-extensions/domain-rules/software-architecture/rules/serverless-architecture.md +711 -711
- package/augment-extensions/domain-rules/software-architecture/rules/skills-development.md +568 -568
- package/augment-extensions/domain-rules/software-architecture/rules/tools-methodologies.md +961 -961
- package/augment-extensions/visual-design/CHANGELOG.md +132 -132
- package/augment-extensions/visual-design/README.md +255 -255
- package/augment-extensions/visual-design/__tests__/README.md +119 -119
- package/augment-extensions/visual-design/__tests__/style-selector.test.ts +172 -172
- package/augment-extensions/visual-design/__tests__/vendor-styles.test.ts +214 -214
- package/augment-extensions/visual-design/domains/other/ai-prompt-helper.ts +157 -157
- package/augment-extensions/visual-design/domains/other/dotnet-application.ts +156 -156
- package/augment-extensions/visual-design/domains/other/linux-platform.ts +156 -156
- package/augment-extensions/visual-design/domains/other/mobile-application.ts +157 -157
- package/augment-extensions/visual-design/domains/other/motion-picture.ts +156 -156
- package/augment-extensions/visual-design/domains/other/os-application.ts +156 -156
- package/augment-extensions/visual-design/domains/other/print-campaigns.ts +158 -158
- package/augment-extensions/visual-design/domains/other/web-app.ts +157 -157
- package/augment-extensions/visual-design/domains/other/website.ts +161 -161
- package/augment-extensions/visual-design/domains/other/windows-platform.ts +156 -156
- package/augment-extensions/visual-design/domains/web-page-styles/amazon-cloudscape.ts +506 -506
- package/augment-extensions/visual-design/domains/web-page-styles/google-modern.ts +615 -615
- package/augment-extensions/visual-design/domains/web-page-styles/microsoft-fluent.ts +531 -531
- package/augment-extensions/visual-design/examples/README.md +97 -97
- package/augment-extensions/visual-design/examples/ai-prompt-generation.md +233 -233
- package/augment-extensions/visual-design/examples/basic-usage.md +216 -216
- package/augment-extensions/visual-design/examples/domain-workflows.md +257 -257
- package/augment-extensions/visual-design/examples/vendor-comparison.md +247 -247
- package/augment-extensions/visual-design/module.json +78 -78
- package/augment-extensions/visual-design/style-selector.ts +177 -177
- package/augment-extensions/visual-design/types.ts +302 -302
- package/augment-extensions/visual-design/visual-design-core.ts +469 -469
- package/augment-extensions/workflows/adr-support/README.md +227 -227
- package/augment-extensions/workflows/adr-support/__tests__/adr-validator.test.ts +203 -203
- package/augment-extensions/workflows/adr-support/adr-validator.ts +162 -162
- package/augment-extensions/workflows/adr-support/examples/complete-lifecycle-example.md +449 -449
- package/augment-extensions/workflows/adr-support/examples/integration-example.md +580 -580
- package/augment-extensions/workflows/adr-support/examples/superseding-example.md +436 -436
- package/augment-extensions/workflows/adr-support/module.json +112 -112
- package/augment-extensions/workflows/adr-support/rules/adr-creation.md +372 -372
- package/augment-extensions/workflows/adr-support/rules/beads-integration.md +443 -443
- package/augment-extensions/workflows/adr-support/rules/conflict-detection.md +486 -486
- package/augment-extensions/workflows/adr-support/rules/decision-detection.md +362 -362
- package/augment-extensions/workflows/adr-support/rules/lifecycle-management.md +427 -427
- package/augment-extensions/workflows/adr-support/rules/openspec-integration.md +465 -465
- package/augment-extensions/workflows/adr-support/rules/template-selection.md +405 -405
- package/augment-extensions/workflows/adr-support/rules/validation-rules.md +543 -543
- package/augment-extensions/workflows/adr-support/schemas/adr-config.json +191 -191
- package/augment-extensions/workflows/adr-support/schemas/adr-metadata.json +172 -172
- package/augment-extensions/workflows/adr-support/templates/business-case.md +235 -235
- package/augment-extensions/workflows/adr-support/templates/madr-elaborate.md +197 -197
- package/augment-extensions/workflows/adr-support/templates/madr-simple.md +68 -68
- package/augment-extensions/workflows/adr-support/templates/nygard.md +84 -84
- package/augment-extensions/writing-standards/screenplay/rules/file-organization.md +213 -213
- package/augment-extensions/writing-standards/screenplay/utils/__tests__/file-organization.test.ts +169 -169
- package/augment-extensions/writing-standards/screenplay/utils/file-organization.ts +165 -165
- package/cli/dist/utils/auto-sync.js +19 -19
- package/package.json +5 -3
- package/augment-extensions/workflows/openspec/README.md +0 -96
- package/augment-extensions/workflows/openspec/examples/complete-change-example.md +0 -244
- package/augment-extensions/workflows/openspec/module.json +0 -54
- package/augment-extensions/workflows/openspec/rules/best-practices.md +0 -272
- package/augment-extensions/workflows/openspec/rules/manual-setup.md +0 -231
- package/augment-extensions/workflows/openspec/rules/spec-format.md +0 -236
- package/augment-extensions/workflows/openspec/rules/workflow.md +0 -214
- package/cli/dist/utils/__tests__/adr-validator.example.d.ts +0 -6
- package/cli/dist/utils/__tests__/adr-validator.example.d.ts.map +0 -1
- package/cli/dist/utils/__tests__/adr-validator.example.js +0 -148
- package/cli/dist/utils/__tests__/adr-validator.example.js.map +0 -1
- package/cli/dist/utils/adr-validator.d.ts +0 -65
- package/cli/dist/utils/adr-validator.d.ts.map +0 -1
- package/cli/dist/utils/adr-validator.js +0 -203
- package/cli/dist/utils/adr-validator.js.map +0 -1
|
@@ -1,157 +1,157 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* AI Image Generation Prompt Helper Domain Module
|
|
3
|
-
*
|
|
4
|
-
* Design patterns and guidelines for creating effective prompts
|
|
5
|
-
* for AI image generation tools (Midjourney, DALL-E, Stable Diffusion).
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import { DomainStyle, ColorPalette, TypographyRules, LayoutSystem } from '../../types';
|
|
9
|
-
|
|
10
|
-
// ============================================================================
|
|
11
|
-
// AI Prompt Helper Color Palette
|
|
12
|
-
// ============================================================================
|
|
13
|
-
|
|
14
|
-
const AI_PROMPT_COLORS: ColorPalette = {
|
|
15
|
-
primary: {
|
|
16
|
-
name: 'Creative Purple',
|
|
17
|
-
hex: '#8B5CF6',
|
|
18
|
-
rgb: { r: 139, g: 92, b: 246 },
|
|
19
|
-
hsl: { h: 258, s: 90, l: 66 },
|
|
20
|
-
variants: [
|
|
21
|
-
{ name: 'Purple Light', hex: '#C4B5FD', usage: 'Highlights' },
|
|
22
|
-
{ name: 'Purple Dark', hex: '#7C3AED', usage: 'Emphasis' }
|
|
23
|
-
]
|
|
24
|
-
},
|
|
25
|
-
neutral: [
|
|
26
|
-
{ name: 'White', hex: '#FFFFFF', rgb: { r: 255, g: 255, b: 255 }, hsl: { h: 0, s: 0, l: 100 } },
|
|
27
|
-
{ name: 'Gray 50', hex: '#FAFAF9', rgb: { r: 250, g: 250, b: 249 }, hsl: { h: 60, s: 9, l: 98 } },
|
|
28
|
-
{ name: 'Gray 100', hex: '#F5F5F4', rgb: { r: 245, g: 245, b: 244 }, hsl: { h: 60, s: 9, l: 96 } },
|
|
29
|
-
{ name: 'Gray 800', hex: '#27272A', rgb: { r: 39, g: 39, b: 42 }, hsl: { h: 240, s: 4, l: 16 } },
|
|
30
|
-
{ name: 'Black', hex: '#000000', rgb: { r: 0, g: 0, b: 0 }, hsl: { h: 0, s: 0, l: 0 } }
|
|
31
|
-
],
|
|
32
|
-
semantic: {
|
|
33
|
-
success: { hex: '#22C55E', usage: 'Successful generation' },
|
|
34
|
-
warning: { hex: '#EAB308', usage: 'Prompt warnings' },
|
|
35
|
-
error: { hex: '#EF4444', usage: 'Generation errors' },
|
|
36
|
-
info: { hex: '#3B82F6', usage: 'Tips and suggestions' }
|
|
37
|
-
},
|
|
38
|
-
accessibility: {
|
|
39
|
-
minimumContrast: 4.5,
|
|
40
|
-
targetContrast: 7,
|
|
41
|
-
colorBlindSafe: true,
|
|
42
|
-
guidelines: [
|
|
43
|
-
'Ensure readable text on all backgrounds',
|
|
44
|
-
'Use color coding for prompt categories',
|
|
45
|
-
'Provide visual feedback for generation status',
|
|
46
|
-
'Support dark mode for extended use'
|
|
47
|
-
]
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
// ============================================================================
|
|
52
|
-
// AI Prompt Helper Typography
|
|
53
|
-
// ============================================================================
|
|
54
|
-
|
|
55
|
-
const AI_PROMPT_TYPOGRAPHY: TypographyRules = {
|
|
56
|
-
fontFamilies: {
|
|
57
|
-
primary: 'Inter, -apple-system, BlinkMacSystemFont, sans-serif',
|
|
58
|
-
secondary: 'system-ui, sans-serif',
|
|
59
|
-
monospace: '"Fira Code", "JetBrains Mono", monospace'
|
|
60
|
-
},
|
|
61
|
-
hierarchy: {
|
|
62
|
-
h1: { fontSize: '36px', fontWeight: 700, lineHeight: 1.2, letterSpacing: '-0.02em' },
|
|
63
|
-
h2: { fontSize: '28px', fontWeight: 600, lineHeight: 1.3, letterSpacing: '-0.01em' },
|
|
64
|
-
h3: { fontSize: '22px', fontWeight: 600, lineHeight: 1.4, letterSpacing: '0' },
|
|
65
|
-
h4: { fontSize: '18px', fontWeight: 600, lineHeight: 1.4, letterSpacing: '0' },
|
|
66
|
-
h5: { fontSize: '16px', fontWeight: 600, lineHeight: 1.5, letterSpacing: '0' },
|
|
67
|
-
h6: { fontSize: '14px', fontWeight: 600, lineHeight: 1.5, letterSpacing: '0' },
|
|
68
|
-
body: { fontSize: '16px', fontWeight: 400, lineHeight: 1.6, letterSpacing: '0' },
|
|
69
|
-
small: { fontSize: '14px', fontWeight: 400, lineHeight: 1.5, letterSpacing: '0' },
|
|
70
|
-
caption: { fontSize: '12px', fontWeight: 400, lineHeight: 1.4, letterSpacing: '0' }
|
|
71
|
-
},
|
|
72
|
-
scale: {
|
|
73
|
-
base: 16,
|
|
74
|
-
ratio: 1.25,
|
|
75
|
-
sizes: [12, 14, 16, 18, 22, 28, 36]
|
|
76
|
-
},
|
|
77
|
-
guidelines: [
|
|
78
|
-
'Use monospace for prompt text',
|
|
79
|
-
'Use sans-serif for UI elements',
|
|
80
|
-
'Ensure readability for long prompts',
|
|
81
|
-
'Highlight keywords and modifiers',
|
|
82
|
-
'Use consistent formatting for examples'
|
|
83
|
-
]
|
|
84
|
-
};
|
|
85
|
-
|
|
86
|
-
// ============================================================================
|
|
87
|
-
// AI Prompt Helper Layout System
|
|
88
|
-
// ============================================================================
|
|
89
|
-
|
|
90
|
-
const AI_PROMPT_LAYOUT: LayoutSystem = {
|
|
91
|
-
grid: {
|
|
92
|
-
columns: 12,
|
|
93
|
-
gutter: '24px',
|
|
94
|
-
margin: '24px',
|
|
95
|
-
breakpoints: {
|
|
96
|
-
mobile: '0-639px',
|
|
97
|
-
tablet: '640-1023px',
|
|
98
|
-
desktop: '1024px+'
|
|
99
|
-
}
|
|
100
|
-
},
|
|
101
|
-
spacing: {
|
|
102
|
-
unit: 8,
|
|
103
|
-
scale: [0, 8, 16, 24, 32, 40, 48, 64, 80],
|
|
104
|
-
guidelines: [
|
|
105
|
-
'Use 8px base unit for spacing',
|
|
106
|
-
'Group related prompt elements',
|
|
107
|
-
'Provide clear visual hierarchy',
|
|
108
|
-
'Use cards for prompt templates'
|
|
109
|
-
]
|
|
110
|
-
},
|
|
111
|
-
containerWidths: {
|
|
112
|
-
mobile: '100%',
|
|
113
|
-
tablet: '768px',
|
|
114
|
-
desktop: '1024px',
|
|
115
|
-
max: '1280px'
|
|
116
|
-
},
|
|
117
|
-
guidelines: [
|
|
118
|
-
'Use two-column layout (prompt builder + preview)',
|
|
119
|
-
'Provide collapsible sections for categories',
|
|
120
|
-
'Use tags for prompt modifiers',
|
|
121
|
-
'Implement search and filter for templates',
|
|
122
|
-
'Show real-time character count',
|
|
123
|
-
'Provide copy-to-clipboard functionality'
|
|
124
|
-
]
|
|
125
|
-
};
|
|
126
|
-
|
|
127
|
-
// ============================================================================
|
|
128
|
-
// AI Prompt Helper Domain Export
|
|
129
|
-
// ============================================================================
|
|
130
|
-
|
|
131
|
-
export const AI_PROMPT_HELPER_DOMAIN: DomainStyle = {
|
|
132
|
-
domain: 'ai-prompt-helper',
|
|
133
|
-
characteristics: [
|
|
134
|
-
'Prompt template library',
|
|
135
|
-
'Keyword and modifier suggestions',
|
|
136
|
-
'Style and artist references',
|
|
137
|
-
'Technical parameter guidance',
|
|
138
|
-
'Aspect ratio and resolution presets',
|
|
139
|
-
'Negative prompt suggestions',
|
|
140
|
-
'Prompt weight and emphasis syntax',
|
|
141
|
-
'Multi-platform compatibility (Midjourney, DALL-E, SD)',
|
|
142
|
-
'Prompt history and favorites',
|
|
143
|
-
'Community prompt sharing'
|
|
144
|
-
],
|
|
145
|
-
colorScheme: AI_PROMPT_COLORS,
|
|
146
|
-
typography: AI_PROMPT_TYPOGRAPHY,
|
|
147
|
-
layout: AI_PROMPT_LAYOUT,
|
|
148
|
-
examples: [
|
|
149
|
-
'Portrait photography prompt: "professional headshot, studio lighting, 85mm lens, shallow depth of field"',
|
|
150
|
-
'Landscape prompt: "mountain vista at golden hour, dramatic clouds, wide angle, photorealistic"',
|
|
151
|
-
'Illustration prompt: "anime style character, vibrant colors, detailed linework, by Studio Ghibli"',
|
|
152
|
-
'Abstract art prompt: "geometric patterns, bold colors, minimalist composition, vector art"',
|
|
153
|
-
'Product photography: "product shot on white background, soft lighting, high detail, commercial photography"',
|
|
154
|
-
'Architectural visualization: "modern building exterior, glass facade, sunset lighting, architectural photography"'
|
|
155
|
-
]
|
|
156
|
-
};
|
|
157
|
-
|
|
1
|
+
/**
|
|
2
|
+
* AI Image Generation Prompt Helper Domain Module
|
|
3
|
+
*
|
|
4
|
+
* Design patterns and guidelines for creating effective prompts
|
|
5
|
+
* for AI image generation tools (Midjourney, DALL-E, Stable Diffusion).
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import { DomainStyle, ColorPalette, TypographyRules, LayoutSystem } from '../../types';
|
|
9
|
+
|
|
10
|
+
// ============================================================================
|
|
11
|
+
// AI Prompt Helper Color Palette
|
|
12
|
+
// ============================================================================
|
|
13
|
+
|
|
14
|
+
const AI_PROMPT_COLORS: ColorPalette = {
|
|
15
|
+
primary: {
|
|
16
|
+
name: 'Creative Purple',
|
|
17
|
+
hex: '#8B5CF6',
|
|
18
|
+
rgb: { r: 139, g: 92, b: 246 },
|
|
19
|
+
hsl: { h: 258, s: 90, l: 66 },
|
|
20
|
+
variants: [
|
|
21
|
+
{ name: 'Purple Light', hex: '#C4B5FD', usage: 'Highlights' },
|
|
22
|
+
{ name: 'Purple Dark', hex: '#7C3AED', usage: 'Emphasis' }
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
neutral: [
|
|
26
|
+
{ name: 'White', hex: '#FFFFFF', rgb: { r: 255, g: 255, b: 255 }, hsl: { h: 0, s: 0, l: 100 } },
|
|
27
|
+
{ name: 'Gray 50', hex: '#FAFAF9', rgb: { r: 250, g: 250, b: 249 }, hsl: { h: 60, s: 9, l: 98 } },
|
|
28
|
+
{ name: 'Gray 100', hex: '#F5F5F4', rgb: { r: 245, g: 245, b: 244 }, hsl: { h: 60, s: 9, l: 96 } },
|
|
29
|
+
{ name: 'Gray 800', hex: '#27272A', rgb: { r: 39, g: 39, b: 42 }, hsl: { h: 240, s: 4, l: 16 } },
|
|
30
|
+
{ name: 'Black', hex: '#000000', rgb: { r: 0, g: 0, b: 0 }, hsl: { h: 0, s: 0, l: 0 } }
|
|
31
|
+
],
|
|
32
|
+
semantic: {
|
|
33
|
+
success: { hex: '#22C55E', usage: 'Successful generation' },
|
|
34
|
+
warning: { hex: '#EAB308', usage: 'Prompt warnings' },
|
|
35
|
+
error: { hex: '#EF4444', usage: 'Generation errors' },
|
|
36
|
+
info: { hex: '#3B82F6', usage: 'Tips and suggestions' }
|
|
37
|
+
},
|
|
38
|
+
accessibility: {
|
|
39
|
+
minimumContrast: 4.5,
|
|
40
|
+
targetContrast: 7,
|
|
41
|
+
colorBlindSafe: true,
|
|
42
|
+
guidelines: [
|
|
43
|
+
'Ensure readable text on all backgrounds',
|
|
44
|
+
'Use color coding for prompt categories',
|
|
45
|
+
'Provide visual feedback for generation status',
|
|
46
|
+
'Support dark mode for extended use'
|
|
47
|
+
]
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
// ============================================================================
|
|
52
|
+
// AI Prompt Helper Typography
|
|
53
|
+
// ============================================================================
|
|
54
|
+
|
|
55
|
+
const AI_PROMPT_TYPOGRAPHY: TypographyRules = {
|
|
56
|
+
fontFamilies: {
|
|
57
|
+
primary: 'Inter, -apple-system, BlinkMacSystemFont, sans-serif',
|
|
58
|
+
secondary: 'system-ui, sans-serif',
|
|
59
|
+
monospace: '"Fira Code", "JetBrains Mono", monospace'
|
|
60
|
+
},
|
|
61
|
+
hierarchy: {
|
|
62
|
+
h1: { fontSize: '36px', fontWeight: 700, lineHeight: 1.2, letterSpacing: '-0.02em' },
|
|
63
|
+
h2: { fontSize: '28px', fontWeight: 600, lineHeight: 1.3, letterSpacing: '-0.01em' },
|
|
64
|
+
h3: { fontSize: '22px', fontWeight: 600, lineHeight: 1.4, letterSpacing: '0' },
|
|
65
|
+
h4: { fontSize: '18px', fontWeight: 600, lineHeight: 1.4, letterSpacing: '0' },
|
|
66
|
+
h5: { fontSize: '16px', fontWeight: 600, lineHeight: 1.5, letterSpacing: '0' },
|
|
67
|
+
h6: { fontSize: '14px', fontWeight: 600, lineHeight: 1.5, letterSpacing: '0' },
|
|
68
|
+
body: { fontSize: '16px', fontWeight: 400, lineHeight: 1.6, letterSpacing: '0' },
|
|
69
|
+
small: { fontSize: '14px', fontWeight: 400, lineHeight: 1.5, letterSpacing: '0' },
|
|
70
|
+
caption: { fontSize: '12px', fontWeight: 400, lineHeight: 1.4, letterSpacing: '0' }
|
|
71
|
+
},
|
|
72
|
+
scale: {
|
|
73
|
+
base: 16,
|
|
74
|
+
ratio: 1.25,
|
|
75
|
+
sizes: [12, 14, 16, 18, 22, 28, 36]
|
|
76
|
+
},
|
|
77
|
+
guidelines: [
|
|
78
|
+
'Use monospace for prompt text',
|
|
79
|
+
'Use sans-serif for UI elements',
|
|
80
|
+
'Ensure readability for long prompts',
|
|
81
|
+
'Highlight keywords and modifiers',
|
|
82
|
+
'Use consistent formatting for examples'
|
|
83
|
+
]
|
|
84
|
+
};
|
|
85
|
+
|
|
86
|
+
// ============================================================================
|
|
87
|
+
// AI Prompt Helper Layout System
|
|
88
|
+
// ============================================================================
|
|
89
|
+
|
|
90
|
+
const AI_PROMPT_LAYOUT: LayoutSystem = {
|
|
91
|
+
grid: {
|
|
92
|
+
columns: 12,
|
|
93
|
+
gutter: '24px',
|
|
94
|
+
margin: '24px',
|
|
95
|
+
breakpoints: {
|
|
96
|
+
mobile: '0-639px',
|
|
97
|
+
tablet: '640-1023px',
|
|
98
|
+
desktop: '1024px+'
|
|
99
|
+
}
|
|
100
|
+
},
|
|
101
|
+
spacing: {
|
|
102
|
+
unit: 8,
|
|
103
|
+
scale: [0, 8, 16, 24, 32, 40, 48, 64, 80],
|
|
104
|
+
guidelines: [
|
|
105
|
+
'Use 8px base unit for spacing',
|
|
106
|
+
'Group related prompt elements',
|
|
107
|
+
'Provide clear visual hierarchy',
|
|
108
|
+
'Use cards for prompt templates'
|
|
109
|
+
]
|
|
110
|
+
},
|
|
111
|
+
containerWidths: {
|
|
112
|
+
mobile: '100%',
|
|
113
|
+
tablet: '768px',
|
|
114
|
+
desktop: '1024px',
|
|
115
|
+
max: '1280px'
|
|
116
|
+
},
|
|
117
|
+
guidelines: [
|
|
118
|
+
'Use two-column layout (prompt builder + preview)',
|
|
119
|
+
'Provide collapsible sections for categories',
|
|
120
|
+
'Use tags for prompt modifiers',
|
|
121
|
+
'Implement search and filter for templates',
|
|
122
|
+
'Show real-time character count',
|
|
123
|
+
'Provide copy-to-clipboard functionality'
|
|
124
|
+
]
|
|
125
|
+
};
|
|
126
|
+
|
|
127
|
+
// ============================================================================
|
|
128
|
+
// AI Prompt Helper Domain Export
|
|
129
|
+
// ============================================================================
|
|
130
|
+
|
|
131
|
+
export const AI_PROMPT_HELPER_DOMAIN: DomainStyle = {
|
|
132
|
+
domain: 'ai-prompt-helper',
|
|
133
|
+
characteristics: [
|
|
134
|
+
'Prompt template library',
|
|
135
|
+
'Keyword and modifier suggestions',
|
|
136
|
+
'Style and artist references',
|
|
137
|
+
'Technical parameter guidance',
|
|
138
|
+
'Aspect ratio and resolution presets',
|
|
139
|
+
'Negative prompt suggestions',
|
|
140
|
+
'Prompt weight and emphasis syntax',
|
|
141
|
+
'Multi-platform compatibility (Midjourney, DALL-E, SD)',
|
|
142
|
+
'Prompt history and favorites',
|
|
143
|
+
'Community prompt sharing'
|
|
144
|
+
],
|
|
145
|
+
colorScheme: AI_PROMPT_COLORS,
|
|
146
|
+
typography: AI_PROMPT_TYPOGRAPHY,
|
|
147
|
+
layout: AI_PROMPT_LAYOUT,
|
|
148
|
+
examples: [
|
|
149
|
+
'Portrait photography prompt: "professional headshot, studio lighting, 85mm lens, shallow depth of field"',
|
|
150
|
+
'Landscape prompt: "mountain vista at golden hour, dramatic clouds, wide angle, photorealistic"',
|
|
151
|
+
'Illustration prompt: "anime style character, vibrant colors, detailed linework, by Studio Ghibli"',
|
|
152
|
+
'Abstract art prompt: "geometric patterns, bold colors, minimalist composition, vector art"',
|
|
153
|
+
'Product photography: "product shot on white background, soft lighting, high detail, commercial photography"',
|
|
154
|
+
'Architectural visualization: "modern building exterior, glass facade, sunset lighting, architectural photography"'
|
|
155
|
+
]
|
|
156
|
+
};
|
|
157
|
+
|
|
@@ -1,156 +1,156 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* .NET Application Domain Module
|
|
3
|
-
*
|
|
4
|
-
* .NET-specific application design patterns for WPF, WinForms,
|
|
5
|
-
* MAUI, and Blazor applications following Microsoft design guidelines.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
import { DomainStyle, ColorPalette, TypographyRules, LayoutSystem } from '../../types';
|
|
9
|
-
|
|
10
|
-
// ============================================================================
|
|
11
|
-
// .NET Application Color Palette
|
|
12
|
-
// ============================================================================
|
|
13
|
-
|
|
14
|
-
const DOTNET_COLORS: ColorPalette = {
|
|
15
|
-
primary: {
|
|
16
|
-
name: '.NET Purple',
|
|
17
|
-
hex: '#512BD4',
|
|
18
|
-
rgb: { r: 81, g: 43, b: 212 },
|
|
19
|
-
hsl: { h: 253, s: 66, l: 50 },
|
|
20
|
-
variants: [
|
|
21
|
-
{ name: 'Purple Light', hex: '#8B5CF6', usage: 'Hover states' },
|
|
22
|
-
{ name: 'Purple Dark', hex: '#3B1FA2', usage: 'Active states' }
|
|
23
|
-
]
|
|
24
|
-
},
|
|
25
|
-
neutral: [
|
|
26
|
-
{ name: 'White', hex: '#FFFFFF', rgb: { r: 255, g: 255, b: 255 }, hsl: { h: 0, s: 0, l: 100 } },
|
|
27
|
-
{ name: 'Gray 10', hex: '#F5F5F5', rgb: { r: 245, g: 245, b: 245 }, hsl: { h: 0, s: 0, l: 96 } },
|
|
28
|
-
{ name: 'Gray 20', hex: '#E0E0E0', rgb: { r: 224, g: 224, b: 224 }, hsl: { h: 0, s: 0, l: 88 } },
|
|
29
|
-
{ name: 'Gray 80', hex: '#424242', rgb: { r: 66, g: 66, b: 66 }, hsl: { h: 0, s: 0, l: 26 } },
|
|
30
|
-
{ name: 'Gray 90', hex: '#212121', rgb: { r: 33, g: 33, b: 33 }, hsl: { h: 0, s: 0, l: 13 } }
|
|
31
|
-
],
|
|
32
|
-
semantic: {
|
|
33
|
-
success: { hex: '#2E7D32', usage: 'Success states' },
|
|
34
|
-
warning: { hex: '#F57C00', usage: 'Warnings' },
|
|
35
|
-
error: { hex: '#C62828', usage: 'Errors' },
|
|
36
|
-
info: { hex: '#0288D1', usage: 'Information' }
|
|
37
|
-
},
|
|
38
|
-
accessibility: {
|
|
39
|
-
minimumContrast: 4.5,
|
|
40
|
-
targetContrast: 7,
|
|
41
|
-
colorBlindSafe: true,
|
|
42
|
-
guidelines: [
|
|
43
|
-
'Follow WCAG 2.1 AA standards',
|
|
44
|
-
'Support Windows high contrast mode',
|
|
45
|
-
'Test with .NET accessibility tools',
|
|
46
|
-
'Ensure keyboard navigation'
|
|
47
|
-
]
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
// ============================================================================
|
|
52
|
-
// .NET Application Typography
|
|
53
|
-
// ============================================================================
|
|
54
|
-
|
|
55
|
-
const DOTNET_TYPOGRAPHY: TypographyRules = {
|
|
56
|
-
fontFamilies: {
|
|
57
|
-
primary: '"Segoe UI", "Helvetica Neue", Arial, sans-serif',
|
|
58
|
-
secondary: 'system-ui, sans-serif',
|
|
59
|
-
monospace: '"Cascadia Code", "Consolas", "Courier New", monospace'
|
|
60
|
-
},
|
|
61
|
-
hierarchy: {
|
|
62
|
-
h1: { fontSize: '32px', fontWeight: 600, lineHeight: 1.2, letterSpacing: '0' },
|
|
63
|
-
h2: { fontSize: '24px', fontWeight: 600, lineHeight: 1.3, letterSpacing: '0' },
|
|
64
|
-
h3: { fontSize: '20px', fontWeight: 600, lineHeight: 1.4, letterSpacing: '0' },
|
|
65
|
-
h4: { fontSize: '16px', fontWeight: 600, lineHeight: 1.4, letterSpacing: '0' },
|
|
66
|
-
h5: { fontSize: '14px', fontWeight: 600, lineHeight: 1.5, letterSpacing: '0' },
|
|
67
|
-
h6: { fontSize: '12px', fontWeight: 600, lineHeight: 1.5, letterSpacing: '0' },
|
|
68
|
-
body: { fontSize: '14px', fontWeight: 400, lineHeight: 1.5, letterSpacing: '0' },
|
|
69
|
-
small: { fontSize: '12px', fontWeight: 400, lineHeight: 1.4, letterSpacing: '0' },
|
|
70
|
-
caption: { fontSize: '11px', fontWeight: 400, lineHeight: 1.3, letterSpacing: '0' }
|
|
71
|
-
},
|
|
72
|
-
scale: {
|
|
73
|
-
base: 14,
|
|
74
|
-
ratio: 1.2,
|
|
75
|
-
sizes: [11, 12, 14, 16, 20, 24, 32]
|
|
76
|
-
},
|
|
77
|
-
guidelines: [
|
|
78
|
-
'Use Segoe UI for Windows applications',
|
|
79
|
-
'Use San Francisco for macOS/iOS (MAUI)',
|
|
80
|
-
'Follow platform typography conventions',
|
|
81
|
-
'Support dynamic font scaling',
|
|
82
|
-
'Ensure readability in data grids'
|
|
83
|
-
]
|
|
84
|
-
};
|
|
85
|
-
|
|
86
|
-
// ============================================================================
|
|
87
|
-
// .NET Application Layout System
|
|
88
|
-
// ============================================================================
|
|
89
|
-
|
|
90
|
-
const DOTNET_LAYOUT: LayoutSystem = {
|
|
91
|
-
grid: {
|
|
92
|
-
columns: 12,
|
|
93
|
-
gutter: '16px',
|
|
94
|
-
margin: '16px',
|
|
95
|
-
breakpoints: {
|
|
96
|
-
compact: '0-639px',
|
|
97
|
-
medium: '640-1023px',
|
|
98
|
-
expanded: '1024px+'
|
|
99
|
-
}
|
|
100
|
-
},
|
|
101
|
-
spacing: {
|
|
102
|
-
unit: 8,
|
|
103
|
-
scale: [0, 8, 16, 24, 32, 40, 48, 64],
|
|
104
|
-
guidelines: [
|
|
105
|
-
'Use 8px base unit for spacing',
|
|
106
|
-
'Follow WPF/WinForms layout conventions',
|
|
107
|
-
'Use Grid and StackPanel for layouts',
|
|
108
|
-
'Maintain consistent margins and padding'
|
|
109
|
-
]
|
|
110
|
-
},
|
|
111
|
-
containerWidths: {
|
|
112
|
-
compact: '100%',
|
|
113
|
-
medium: '100%',
|
|
114
|
-
expanded: '100%'
|
|
115
|
-
},
|
|
116
|
-
guidelines: [
|
|
117
|
-
'Use XAML layouts (Grid, StackPanel, DockPanel)',
|
|
118
|
-
'Implement MVVM pattern for data binding',
|
|
119
|
-
'Use data templates for list items',
|
|
120
|
-
'Support responsive layouts with AdaptiveTriggers',
|
|
121
|
-
'Implement proper focus management',
|
|
122
|
-
'Use commanding for user actions'
|
|
123
|
-
]
|
|
124
|
-
};
|
|
125
|
-
|
|
126
|
-
// ============================================================================
|
|
127
|
-
// .NET Application Domain Export
|
|
128
|
-
// ============================================================================
|
|
129
|
-
|
|
130
|
-
export const DOTNET_APPLICATION_DOMAIN: DomainStyle = {
|
|
131
|
-
domain: 'dotnet-application',
|
|
132
|
-
characteristics: [
|
|
133
|
-
'XAML-based UI definition',
|
|
134
|
-
'MVVM architecture pattern',
|
|
135
|
-
'Data binding and commanding',
|
|
136
|
-
'WPF/WinForms/MAUI controls',
|
|
137
|
-
'Cross-platform with .NET MAUI',
|
|
138
|
-
'Dependency injection support',
|
|
139
|
-
'Async/await patterns',
|
|
140
|
-
'Entity Framework integration',
|
|
141
|
-
'NuGet package ecosystem',
|
|
142
|
-
'Visual Studio designer support'
|
|
143
|
-
],
|
|
144
|
-
colorScheme: DOTNET_COLORS,
|
|
145
|
-
typography: DOTNET_TYPOGRAPHY,
|
|
146
|
-
layout: DOTNET_LAYOUT,
|
|
147
|
-
examples: [
|
|
148
|
-
'WPF desktop application with ribbon',
|
|
149
|
-
'WinForms data entry application',
|
|
150
|
-
'.NET MAUI cross-platform app',
|
|
151
|
-
'Blazor web application',
|
|
152
|
-
'Entity Framework data grid',
|
|
153
|
-
'Settings dialog with tabs'
|
|
154
|
-
]
|
|
155
|
-
};
|
|
156
|
-
|
|
1
|
+
/**
|
|
2
|
+
* .NET Application Domain Module
|
|
3
|
+
*
|
|
4
|
+
* .NET-specific application design patterns for WPF, WinForms,
|
|
5
|
+
* MAUI, and Blazor applications following Microsoft design guidelines.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import { DomainStyle, ColorPalette, TypographyRules, LayoutSystem } from '../../types';
|
|
9
|
+
|
|
10
|
+
// ============================================================================
|
|
11
|
+
// .NET Application Color Palette
|
|
12
|
+
// ============================================================================
|
|
13
|
+
|
|
14
|
+
const DOTNET_COLORS: ColorPalette = {
|
|
15
|
+
primary: {
|
|
16
|
+
name: '.NET Purple',
|
|
17
|
+
hex: '#512BD4',
|
|
18
|
+
rgb: { r: 81, g: 43, b: 212 },
|
|
19
|
+
hsl: { h: 253, s: 66, l: 50 },
|
|
20
|
+
variants: [
|
|
21
|
+
{ name: 'Purple Light', hex: '#8B5CF6', usage: 'Hover states' },
|
|
22
|
+
{ name: 'Purple Dark', hex: '#3B1FA2', usage: 'Active states' }
|
|
23
|
+
]
|
|
24
|
+
},
|
|
25
|
+
neutral: [
|
|
26
|
+
{ name: 'White', hex: '#FFFFFF', rgb: { r: 255, g: 255, b: 255 }, hsl: { h: 0, s: 0, l: 100 } },
|
|
27
|
+
{ name: 'Gray 10', hex: '#F5F5F5', rgb: { r: 245, g: 245, b: 245 }, hsl: { h: 0, s: 0, l: 96 } },
|
|
28
|
+
{ name: 'Gray 20', hex: '#E0E0E0', rgb: { r: 224, g: 224, b: 224 }, hsl: { h: 0, s: 0, l: 88 } },
|
|
29
|
+
{ name: 'Gray 80', hex: '#424242', rgb: { r: 66, g: 66, b: 66 }, hsl: { h: 0, s: 0, l: 26 } },
|
|
30
|
+
{ name: 'Gray 90', hex: '#212121', rgb: { r: 33, g: 33, b: 33 }, hsl: { h: 0, s: 0, l: 13 } }
|
|
31
|
+
],
|
|
32
|
+
semantic: {
|
|
33
|
+
success: { hex: '#2E7D32', usage: 'Success states' },
|
|
34
|
+
warning: { hex: '#F57C00', usage: 'Warnings' },
|
|
35
|
+
error: { hex: '#C62828', usage: 'Errors' },
|
|
36
|
+
info: { hex: '#0288D1', usage: 'Information' }
|
|
37
|
+
},
|
|
38
|
+
accessibility: {
|
|
39
|
+
minimumContrast: 4.5,
|
|
40
|
+
targetContrast: 7,
|
|
41
|
+
colorBlindSafe: true,
|
|
42
|
+
guidelines: [
|
|
43
|
+
'Follow WCAG 2.1 AA standards',
|
|
44
|
+
'Support Windows high contrast mode',
|
|
45
|
+
'Test with .NET accessibility tools',
|
|
46
|
+
'Ensure keyboard navigation'
|
|
47
|
+
]
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
// ============================================================================
|
|
52
|
+
// .NET Application Typography
|
|
53
|
+
// ============================================================================
|
|
54
|
+
|
|
55
|
+
const DOTNET_TYPOGRAPHY: TypographyRules = {
|
|
56
|
+
fontFamilies: {
|
|
57
|
+
primary: '"Segoe UI", "Helvetica Neue", Arial, sans-serif',
|
|
58
|
+
secondary: 'system-ui, sans-serif',
|
|
59
|
+
monospace: '"Cascadia Code", "Consolas", "Courier New", monospace'
|
|
60
|
+
},
|
|
61
|
+
hierarchy: {
|
|
62
|
+
h1: { fontSize: '32px', fontWeight: 600, lineHeight: 1.2, letterSpacing: '0' },
|
|
63
|
+
h2: { fontSize: '24px', fontWeight: 600, lineHeight: 1.3, letterSpacing: '0' },
|
|
64
|
+
h3: { fontSize: '20px', fontWeight: 600, lineHeight: 1.4, letterSpacing: '0' },
|
|
65
|
+
h4: { fontSize: '16px', fontWeight: 600, lineHeight: 1.4, letterSpacing: '0' },
|
|
66
|
+
h5: { fontSize: '14px', fontWeight: 600, lineHeight: 1.5, letterSpacing: '0' },
|
|
67
|
+
h6: { fontSize: '12px', fontWeight: 600, lineHeight: 1.5, letterSpacing: '0' },
|
|
68
|
+
body: { fontSize: '14px', fontWeight: 400, lineHeight: 1.5, letterSpacing: '0' },
|
|
69
|
+
small: { fontSize: '12px', fontWeight: 400, lineHeight: 1.4, letterSpacing: '0' },
|
|
70
|
+
caption: { fontSize: '11px', fontWeight: 400, lineHeight: 1.3, letterSpacing: '0' }
|
|
71
|
+
},
|
|
72
|
+
scale: {
|
|
73
|
+
base: 14,
|
|
74
|
+
ratio: 1.2,
|
|
75
|
+
sizes: [11, 12, 14, 16, 20, 24, 32]
|
|
76
|
+
},
|
|
77
|
+
guidelines: [
|
|
78
|
+
'Use Segoe UI for Windows applications',
|
|
79
|
+
'Use San Francisco for macOS/iOS (MAUI)',
|
|
80
|
+
'Follow platform typography conventions',
|
|
81
|
+
'Support dynamic font scaling',
|
|
82
|
+
'Ensure readability in data grids'
|
|
83
|
+
]
|
|
84
|
+
};
|
|
85
|
+
|
|
86
|
+
// ============================================================================
|
|
87
|
+
// .NET Application Layout System
|
|
88
|
+
// ============================================================================
|
|
89
|
+
|
|
90
|
+
const DOTNET_LAYOUT: LayoutSystem = {
|
|
91
|
+
grid: {
|
|
92
|
+
columns: 12,
|
|
93
|
+
gutter: '16px',
|
|
94
|
+
margin: '16px',
|
|
95
|
+
breakpoints: {
|
|
96
|
+
compact: '0-639px',
|
|
97
|
+
medium: '640-1023px',
|
|
98
|
+
expanded: '1024px+'
|
|
99
|
+
}
|
|
100
|
+
},
|
|
101
|
+
spacing: {
|
|
102
|
+
unit: 8,
|
|
103
|
+
scale: [0, 8, 16, 24, 32, 40, 48, 64],
|
|
104
|
+
guidelines: [
|
|
105
|
+
'Use 8px base unit for spacing',
|
|
106
|
+
'Follow WPF/WinForms layout conventions',
|
|
107
|
+
'Use Grid and StackPanel for layouts',
|
|
108
|
+
'Maintain consistent margins and padding'
|
|
109
|
+
]
|
|
110
|
+
},
|
|
111
|
+
containerWidths: {
|
|
112
|
+
compact: '100%',
|
|
113
|
+
medium: '100%',
|
|
114
|
+
expanded: '100%'
|
|
115
|
+
},
|
|
116
|
+
guidelines: [
|
|
117
|
+
'Use XAML layouts (Grid, StackPanel, DockPanel)',
|
|
118
|
+
'Implement MVVM pattern for data binding',
|
|
119
|
+
'Use data templates for list items',
|
|
120
|
+
'Support responsive layouts with AdaptiveTriggers',
|
|
121
|
+
'Implement proper focus management',
|
|
122
|
+
'Use commanding for user actions'
|
|
123
|
+
]
|
|
124
|
+
};
|
|
125
|
+
|
|
126
|
+
// ============================================================================
|
|
127
|
+
// .NET Application Domain Export
|
|
128
|
+
// ============================================================================
|
|
129
|
+
|
|
130
|
+
export const DOTNET_APPLICATION_DOMAIN: DomainStyle = {
|
|
131
|
+
domain: 'dotnet-application',
|
|
132
|
+
characteristics: [
|
|
133
|
+
'XAML-based UI definition',
|
|
134
|
+
'MVVM architecture pattern',
|
|
135
|
+
'Data binding and commanding',
|
|
136
|
+
'WPF/WinForms/MAUI controls',
|
|
137
|
+
'Cross-platform with .NET MAUI',
|
|
138
|
+
'Dependency injection support',
|
|
139
|
+
'Async/await patterns',
|
|
140
|
+
'Entity Framework integration',
|
|
141
|
+
'NuGet package ecosystem',
|
|
142
|
+
'Visual Studio designer support'
|
|
143
|
+
],
|
|
144
|
+
colorScheme: DOTNET_COLORS,
|
|
145
|
+
typography: DOTNET_TYPOGRAPHY,
|
|
146
|
+
layout: DOTNET_LAYOUT,
|
|
147
|
+
examples: [
|
|
148
|
+
'WPF desktop application with ribbon',
|
|
149
|
+
'WinForms data entry application',
|
|
150
|
+
'.NET MAUI cross-platform app',
|
|
151
|
+
'Blazor web application',
|
|
152
|
+
'Entity Framework data grid',
|
|
153
|
+
'Settings dialog with tabs'
|
|
154
|
+
]
|
|
155
|
+
};
|
|
156
|
+
|