1// ============================================
2// DATA: Skill focus areas, command processes, relationships
3// ============================================
4
5// Items that are fully complete and ready for public use
6// All others will show "Coming Soon"
7export const readySkills = [
8 'impeccable' // Consolidated skill with all design domains
9];
10
11export const readyCommands = [
12 'layout' // First command to be fully completed
13];
14
15// Commands marked as beta — shown with a badge in the UI
16export const betaCommands = [
17 'overdrive'
18];
19
20// Consolidated impeccable skill with reference domains
21export const skillFocusAreas = {
22 'impeccable': [
23 { area: 'Typography', detail: 'Scale, rhythm, hierarchy, expression' },
24 { area: 'Color & Contrast', detail: 'Accessibility, systems, theming' },
25 { area: 'Spatial Design', detail: 'Layout, spacing, composition' },
26 { area: 'Responsive', detail: 'Fluid layouts, touch targets' },
27 { area: 'Interaction', detail: 'States, feedback, affordances' },
28 { area: 'Motion', detail: 'Micro-interactions, transitions' },
29 { area: 'UX Writing', detail: 'Clarity, voice, error messages' }
30 ]
31};
32
33// Guideline counts per dimension (verified from reference files)
34export const dimensionGuidelineCounts = {
35 'Typography': 33,
36 'Color & Contrast': 29,
37 'Spatial Design': 27,
38 'Motion': 32,
39 'Interaction': 36,
40 'Responsive': 23,
41 'UX Writing': 32
42};
43
44// Reference domains within the impeccable skill
45export const skillReferenceDomains = [
46 'typography',
47 'color-and-contrast',
48 'spatial-design',
49 'responsive-design',
50 'interaction-design',
51 'motion-design',
52 'ux-writing'
53];
54
55export const commandProcessSteps = {
56 'shape': ['Interview', 'Synthesize', 'Brief', 'Confirm'],
57 'impeccable craft': ['Shape', 'Reference', 'Build', 'Iterate'],
58 'impeccable': ['Direct', 'Design', 'Build', 'Refine'],
59 'overdrive': ['Assess', 'Choose', 'Build', 'Polish'],
60 'critique': ['Evaluate', 'Critique', 'Prioritize', 'Suggest'],
61 'audit': ['Scan', 'Document', 'Prioritize', 'Recommend'],
62 'typeset': ['Assess', 'Select', 'Scale', 'Refine'],
63 'layout': ['Assess', 'Grid', 'Rhythm', 'Balance'],
64 'colorize': ['Analyze', 'Strategy', 'Apply', 'Balance'],
65 'animate': ['Identify', 'Design', 'Implement', 'Polish'],
66 'delight': ['Identify', 'Design', 'Implement'],
67 'bolder': ['Analyze', 'Amplify', 'Impact'],
68 'quieter': ['Analyze', 'Reduce', 'Refine'],
69 'distill': ['Audit', 'Remove', 'Clarify'],
70 'clarify': ['Read', 'Simplify', 'Improve', 'Test'],
71 'adapt': ['Analyze', 'Adjust', 'Optimize'],
72 'polish': ['Discover', 'Review', 'Refine', 'Verify'],
73 'optimize': ['Profile', 'Identify', 'Improve', 'Measure'],
74 'harden': ['Test', 'Handle', 'Onboard', 'Validate'],
75 'impeccable teach': ['Explore', 'Interview', 'Synthesize', 'Save'],
76 'impeccable extract': ['Identify', 'Abstract', 'Migrate', 'Document']
77};
78
79export const commandCategories = {
80 // CREATE - build something new
81 'shape': 'create',
82 'impeccable craft': 'create',
83 'impeccable': 'create',
84 // EVALUATE - review and assess
85 'critique': 'evaluate',
86 'audit': 'evaluate',
87 // REFINE - improve existing design
88 'typeset': 'refine',
89 'layout': 'refine',
90 'colorize': 'refine',
91 'animate': 'refine',
92 'delight': 'refine',
93 'bolder': 'refine',
94 'quieter': 'refine',
95 'overdrive': 'refine',
96 // SIMPLIFY - reduce and clarify
97 'distill': 'simplify',
98 'clarify': 'simplify',
99 'adapt': 'simplify',
100 // HARDEN - production-ready
101 'polish': 'harden',
102 'optimize': 'harden',
103 'harden': 'harden',
104 // SYSTEM - setup and tooling
105 'impeccable teach': 'system',
106 'impeccable extract': 'system'
107};
108
109// Skill relationships - now consolidated into impeccable skill
110// The impeccable skill contains all domains as reference files
111export const skillRelationships = {
112 'impeccable': {
113 description: 'Comprehensive design intelligence with progressive reference loading',
114 referenceDomains: ['typography', 'color-and-contrast', 'spatial-design', 'responsive-design', 'interaction-design', 'motion-design', 'ux-writing']
115 }
116};
117
118export const commandRelationships = {
119 'shape': { flow: 'Create: Plan UX and UI through structured discovery' },
120 'impeccable craft': { flow: 'Create: Full shape-then-build flow with visual iteration' },
121 'impeccable': { flow: 'Create: Freeform design with full design intelligence' },
122 'overdrive': { combinesWith: ['animate', 'delight'], flow: 'Refine: Technically extraordinary effects' },
123 'critique': { leadsTo: ['polish', 'distill', 'bolder', 'quieter', 'typeset', 'layout'], flow: 'Evaluate: UX and design review with scoring' },
124 'audit': { leadsTo: ['harden', 'optimize', 'adapt', 'clarify'], flow: 'Evaluate: Technical quality audit' },
125 'typeset': { combinesWith: ['bolder', 'polish'], flow: 'Refine: Fix typography and type hierarchy' },
126 'layout': { combinesWith: ['distill', 'adapt'], flow: 'Refine: Fix layout and spacing' },
127 'colorize': { combinesWith: ['bolder', 'delight'], flow: 'Refine: Add strategic color' },
128 'animate': { combinesWith: ['delight'], flow: 'Refine: Add purposeful motion' },
129 'delight': { combinesWith: ['bolder', 'animate'], flow: 'Refine: Add personality and joy' },
130 'bolder': { pairs: 'quieter', flow: 'Refine: Amplify timid designs' },
131 'quieter': { pairs: 'bolder', flow: 'Refine: Tone down aggressive designs' },
132 'distill': { combinesWith: ['quieter', 'polish'], flow: 'Simplify: Strip to essence' },
133 'clarify': { combinesWith: ['polish', 'adapt'], flow: 'Simplify: Improve UX copy' },
134 'adapt': { combinesWith: ['polish', 'clarify'], flow: 'Simplify: Adapt for different contexts' },
135 'polish': { flow: 'Harden: Final pass and design system alignment' },
136 'optimize': { flow: 'Harden: Performance improvements' },
137 'harden': { combinesWith: ['optimize'], flow: 'Harden: Edge cases, onboarding, and error handling' },
138 'impeccable teach': { flow: 'System: One-time project design context setup' },
139 'impeccable extract': { flow: 'System: Extract design system components and tokens' }
140};