@maestro-ai/cli 1.2.0 → 1.3.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 (44) hide show
  1. package/content/guides/fases-mapeamento.md +31 -32
  2. package/content/guides/guide-brainstorm.md +38 -0
  3. package/content/guides/guide-orquestracao.md +45 -0
  4. package/content/guides/guide-testes.md +51 -0
  5. package/content/guides/guide-troubleshooting.md +43 -0
  6. package/content/guides/guide-validacao.md +50 -0
  7. package/content/guides/internal/automated-events.md +27 -0
  8. package/content/guides/internal/automated-map.md +56 -0
  9. package/content/guides/internal/automated-stitch.md +51 -0
  10. package/content/guides/internal/automated-system.md +46 -0
  11. package/content/guides/mapa-sistema.md +86 -0
  12. package/content/guides/workflows-avancados.md +62 -0
  13. package/content/rules/GEMINI.md +70 -762
  14. package/content/rules/RULES.md +71 -761
  15. package/content/rules/complexity-rules.md +43 -0
  16. package/content/rules/quality-gates.md +55 -43
  17. package/content/rules/security-rules.md +40 -0
  18. package/content/rules/structure-rules.md +63 -0
  19. package/content/rules/validation-rules.md +56 -97
  20. package/content/workflows/{maestro.md → 00-maestro.md} +7 -6
  21. package/content/workflows/01-iniciar-projeto.md +59 -0
  22. package/content/workflows/02-avancar-fase.md +72 -0
  23. package/content/workflows/04-implementar-historia.md +64 -0
  24. package/content/workflows/05-nova-feature.md +39 -0
  25. package/content/workflows/06-corrigir-bug.md +34 -0
  26. package/content/workflows/07-refatorar-codigo.md +34 -0
  27. package/dist/commands/init.js +17 -16
  28. package/package.json +1 -1
  29. package/content/workflows/avancar-fase.md +0 -84
  30. package/content/workflows/brainstorm.md +0 -127
  31. package/content/workflows/corrigir-bug.md +0 -530
  32. package/content/workflows/create-app.md +0 -59
  33. package/content/workflows/iniciar-projeto.md +0 -59
  34. package/content/workflows/melhorar-feature.md +0 -63
  35. package/content/workflows/nova-feature.md +0 -438
  36. package/content/workflows/orchestrate.md +0 -237
  37. package/content/workflows/plan.md +0 -89
  38. package/content/workflows/refatorar-codigo.md +0 -623
  39. package/content/workflows/status-projeto.md +0 -54
  40. package/content/workflows/testar.md +0 -144
  41. package/content/workflows/ux-avancado.md +0 -296
  42. package/content/workflows/validar-gate.md +0 -413
  43. /package/content/workflows/{continuar-fase.md → 03-continuar-fase.md} +0 -0
  44. /package/content/workflows/{deploy.md → 08-deploy-projeto.md} +0 -0
@@ -1,54 +0,0 @@
1
- ---
2
- description: Mostra o status completo do projeto Maestro e recomenda próximas ações
3
- ---
4
-
5
- # 📊 Workflow de Status - /status-projeto
6
-
7
- ## 1. Ler estado
8
-
9
- ```javascript
10
- const estado = lerJson('.maestro/estado.json');
11
- if (!estado) throw new Error('Projeto ainda não inicializado. Execute /iniciar-projeto.');
12
- const fases = Object.values(estado.fases || {});
13
- ```
14
-
15
- ## 2. Calcular métricas
16
-
17
- - Fases concluídas (`status === 'concluida'`).
18
- - Progresso percentual: `concluidas / totalFases`.
19
- - Score médio (ignorar `null`).
20
- - Bloqueios: fases com `status === 'bloqueado'`.
21
- - Próxima ação sugerida: se há bloqueio → listar; se fase atual não concluída → `/continuar-fase`; caso contrário → `/avancar-fase`.
22
-
23
- ## 3. Resposta padrão
24
-
25
- ```
26
- 🎯 **Projeto:** {estado.projeto.nome}
27
- 📈 **Progresso:** {progresso}% ({fasesConcluidas}/{totalFases})
28
- 🔄 **Fase Atual:** {faseAtual.numero}/{totalFases} - {faseAtual.nome}
29
- 👤 **Especialista:** {faseAtual.especialista}
30
- 📊 **Score Médio:** {scoreMedio}
31
-
32
- ## 📋 Detalhes
33
- | Fase | Status | Score | Especialista | Últ. Atualização |
34
- |------|--------|-------|--------------|------------------|
35
- {linhas}
36
-
37
- {bloqueios ? `⚠️ Bloqueios detectados:` + lista : ''}
38
-
39
- 🎯 **Próximas ações sugeridas:**
40
- - {acao1}
41
- - {acao2}
42
- ```
43
-
44
- ## 4. Recomendações
45
-
46
- Baseie-se em heurísticas simples:
47
- - Ritmo lento (`diasFase > media`) → sugerir revisão.
48
- - Score baixo (< mínimo + 5) → recomendar `/continuar-fase` focando na validação.
49
- - Próxima fase crítica (ex.: Prototipagem, Arquitetura) → antecipar especialistas/artefatos.
50
-
51
- ## 5. Complementos
52
-
53
- - Se o usuário pedir filtros (ex.: "status completo"), incluir lista detalhada dos artefatos por fase.
54
- - Caso não exista `estado.fases`, instruir execução de `/iniciar-projeto`.
@@ -1,144 +0,0 @@
1
- ---
2
- description: Test generation and test running command. Creates and executes tests for code.
3
- ---
4
-
5
- # /test - Test Generation and Execution
6
-
7
- $ARGUMENTS
8
-
9
- ---
10
-
11
- ## Purpose
12
-
13
- This command generates tests, runs existing tests, or checks test coverage.
14
-
15
- ---
16
-
17
- ## Sub-commands
18
-
19
- ```
20
- /test - Run all tests
21
- /test [file/feature] - Generate tests for specific target
22
- /test coverage - Show test coverage report
23
- /test watch - Run tests in watch mode
24
- ```
25
-
26
- ---
27
-
28
- ## Behavior
29
-
30
- ### Generate Tests
31
-
32
- When asked to test a file or feature:
33
-
34
- 1. **Analyze the code**
35
- - Identify functions and methods
36
- - Find edge cases
37
- - Detect dependencies to mock
38
-
39
- 2. **Generate test cases**
40
- - Happy path tests
41
- - Error cases
42
- - Edge cases
43
- - Integration tests (if needed)
44
-
45
- 3. **Write tests**
46
- - Use project's test framework (Jest, Vitest, etc.)
47
- - Follow existing test patterns
48
- - Mock external dependencies
49
-
50
- ---
51
-
52
- ## Output Format
53
-
54
- ### For Test Generation
55
-
56
- ```markdown
57
- ## 🧪 Tests: [Target]
58
-
59
- ### Test Plan
60
- | Test Case | Type | Coverage |
61
- |-----------|------|----------|
62
- | Should create user | Unit | Happy path |
63
- | Should reject invalid email | Unit | Validation |
64
- | Should handle db error | Unit | Error case |
65
-
66
- ### Generated Tests
67
-
68
- `tests/[file].test.ts`
69
-
70
- [Code block with tests]
71
-
72
- ---
73
-
74
- Run with: `npm test`
75
- ```
76
-
77
- ### For Test Execution
78
-
79
- ```
80
- 🧪 Running tests...
81
-
82
- ✅ auth.test.ts (5 passed)
83
- ✅ user.test.ts (8 passed)
84
- ❌ order.test.ts (2 passed, 1 failed)
85
-
86
- Failed:
87
- ✗ should calculate total with discount
88
- Expected: 90
89
- Received: 100
90
-
91
- Total: 15 tests (14 passed, 1 failed)
92
- ```
93
-
94
- ---
95
-
96
- ## Examples
97
-
98
- ```
99
- /test src/services/auth.service.ts
100
- /test user registration flow
101
- /test coverage
102
- /test fix failed tests
103
- ```
104
-
105
- ---
106
-
107
- ## Test Patterns
108
-
109
- ### Unit Test Structure
110
-
111
- ```typescript
112
- describe('AuthService', () => {
113
- describe('login', () => {
114
- it('should return token for valid credentials', async () => {
115
- // Arrange
116
- const credentials = { email: 'test@test.com', password: 'pass123' };
117
-
118
- // Act
119
- const result = await authService.login(credentials);
120
-
121
- // Assert
122
- expect(result.token).toBeDefined();
123
- });
124
-
125
- it('should throw for invalid password', async () => {
126
- // Arrange
127
- const credentials = { email: 'test@test.com', password: 'wrong' };
128
-
129
- // Act & Assert
130
- await expect(authService.login(credentials)).rejects.toThrow('Invalid credentials');
131
- });
132
- });
133
- });
134
- ```
135
-
136
- ---
137
-
138
- ## Key Principles
139
-
140
- - **Test behavior not implementation**
141
- - **One assertion per test** (when practical)
142
- - **Descriptive test names**
143
- - **Arrange-Act-Assert pattern**
144
- - **Mock external dependencies**
@@ -1,296 +0,0 @@
1
- ---
2
- description: Plan and implement UI
3
- ---
4
-
5
- ---
6
- description: AI-powered design intelligence with 50+ styles, 95+ color palettes, and automated design system generation
7
- ---
8
-
9
- # ui-ux-pro-max
10
-
11
- Comprehensive design guide for web and mobile applications. Contains 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks. Searchable database with priority-based recommendations.
12
-
13
- ## Prerequisites
14
-
15
- Check if Python is installed:
16
-
17
- ```bash
18
- python3 --version || python --version
19
- ```
20
-
21
- If Python is not installed, install it based on user's OS:
22
-
23
- **macOS:**
24
- ```bash
25
- brew install python3
26
- ```
27
-
28
- **Ubuntu/Debian:**
29
- ```bash
30
- sudo apt update && sudo apt install python3
31
- ```
32
-
33
- **Windows:**
34
- ```powershell
35
- winget install Python.Python.3.12
36
- ```
37
-
38
- ---
39
-
40
- ## How to Use This Workflow
41
-
42
- When user requests UI/UX work (design, build, create, implement, review, fix, improve), follow this workflow:
43
-
44
- ### Step 1: Analyze User Requirements
45
-
46
- Extract key information from user request:
47
- - **Product type**: SaaS, e-commerce, portfolio, dashboard, landing page, etc.
48
- - **Style keywords**: minimal, playful, professional, elegant, dark mode, etc.
49
- - **Industry**: healthcare, fintech, gaming, education, etc.
50
- - **Stack**: React, Vue, Next.js, or default to `html-tailwind`
51
-
52
- ### Step 2: Generate Design System (REQUIRED)
53
-
54
- **Always start with `--design-system`** to get comprehensive recommendations with reasoning:
55
-
56
- ```bash
57
- python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "<product_type> <industry> <keywords>" --design-system [-p "Project Name"]
58
- ```
59
-
60
- This command:
61
- 1. Searches 5 domains in parallel (product, style, color, landing, typography)
62
- 2. Applies reasoning rules from `ui-reasoning.csv` to select best matches
63
- 3. Returns complete design system: pattern, style, colors, typography, effects
64
- 4. Includes anti-patterns to avoid
65
-
66
- **Example:**
67
- ```bash
68
- python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "beauty spa wellness service" --design-system -p "Serenity Spa"
69
- ```
70
-
71
- ### Step 2b: Persist Design System (Master + Overrides Pattern)
72
-
73
- To save the design system for hierarchical retrieval across sessions, add `--persist`:
74
-
75
- ```bash
76
- python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "<query>" --design-system --persist -p "Project Name"
77
- ```
78
-
79
- This creates:
80
- - `design-system/MASTER.md` — Global Source of Truth with all design rules
81
- - `design-system/pages/` — Folder for page-specific overrides
82
-
83
- **With page-specific override:**
84
- ```bash
85
- python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "<query>" --design-system --persist -p "Project Name" --page "dashboard"
86
- ```
87
-
88
- This also creates:
89
- - `design-system/pages/dashboard.md` — Page-specific deviations from Master
90
-
91
- **How hierarchical retrieval works:**
92
- 1. When building a specific page (e.g., "Checkout"), first check `design-system/pages/checkout.md`
93
- 2. If the page file exists, its rules **override** the Master file
94
- 3. If not, use `design-system/MASTER.md` exclusively
95
-
96
- ### Step 3: Supplement with Detailed Searches (as needed)
97
-
98
- After getting the design system, use domain searches to get additional details:
99
-
100
- ```bash
101
- python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "<keyword>" --domain <domain> [-n <max_results>]
102
- ```
103
-
104
- **When to use detailed searches:**
105
-
106
- | Need | Domain | Example |
107
- |------|--------|---------|
108
- | More style options | `style` | `--domain style "glassmorphism dark"` |
109
- | Chart recommendations | `chart` | `--domain chart "real-time dashboard"` |
110
- | UX best practices | `ux` | `--domain ux "animation accessibility"` |
111
- | Alternative fonts | `typography` | `--domain typography "elegant luxury"` |
112
- | Landing structure | `landing` | `--domain landing "hero social-proof"` |
113
-
114
- ### Step 4: Stack Guidelines (Default: html-tailwind)
115
-
116
- Get implementation-specific best practices. If user doesn't specify a stack, **default to `html-tailwind`**.
117
-
118
- ```bash
119
- python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "<keyword>" --stack html-tailwind
120
- ```
121
-
122
- Available stacks: `html-tailwind`, `react`, `nextjs`, `vue`, `svelte`, `swiftui`, `react-native`, `flutter`, `shadcn`, `jetpack-compose`
123
- , `jetpack-compose`
124
- ---
125
-
126
- ## Search Reference
127
-
128
- ### Available Domains
129
-
130
- | Domain | Use For | Example Keywords |
131
- |--------|---------|------------------|
132
- | `product` | Product type recommendations | SaaS, e-commerce, portfolio, healthcare, beauty, service |
133
- | `style` | UI styles, colors, effects | glassmorphism, minimalism, dark mode, brutalism |
134
- | `typography` | Font pairings, Google Fonts | elegant, playful, professional, modern |
135
- | `color` | Color palettes by product type | saas, ecommerce, healthcare, beauty, fintech, service |
136
- | `landing` | Page structure, CTA strategies | hero, hero-centric, testimonial, pricing, social-proof |
137
- | `chart` | Chart types, library recommendations | trend, comparison, timeline, funnel, pie |
138
- | `ux` | Best practices, anti-patterns | animation, accessibility, z-index, loading |
139
- | `react` | React/Next.js performance | waterfall, bundle, suspense, memo, rerender, cache |
140
- | `web` | Web interface guidelines | aria, focus, keyboard, semantic, virtualize |
141
- | `prompt` | AI prompts, CSS keywords | (style name) |
142
-
143
- ### Available Stacks
144
-
145
- | Stack | Focus |
146
- |-------|-------|
147
- | `html-tailwind` | Tailwind utilities, responsive, a11y (DEFAULT) |
148
- | `react` | State, hooks, performance, patterns |
149
- | `nextjs` | SSR, routing, images, API routes |
150
- | `vue` | Composition API, Pinia, Vue Router |
151
- | `svelte` | Runes, stores, SvelteKit |
152
- | `swiftui` | Views, State, Navigation, Animation |
153
- | `react-native` | Components, Navigation, Lists |
154
- | `flutter` | Widgets, State, Layout, Theming |
155
- | `shadcn` | shadcn/ui components, theming, forms, patterns |
156
- | `jetpack-compose` | Composables, Modifiers, State Hoisting, Recomposition |
157
-
158
- ---
159
-
160
- ## Example Workflow
161
-
162
- **User request:** "Làm landing page cho dịch vụ chăm sóc da chuyên nghiệp"
163
-
164
- ### Step 1: Analyze Requirements
165
- - Product type: Beauty/Spa service
166
- - Style keywords: elegant, professional, soft
167
- - Industry: Beauty/Wellness
168
- - Stack: html-tailwind (default)
169
-
170
- ### Step 2: Generate Design System (REQUIRED)
171
-
172
- ```bash
173
- python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "beauty spa wellness service elegant" --design-system -p "Serenity Spa"
174
- ```
175
-
176
- **Output:** Complete design system with pattern, style, colors, typography, effects, and anti-patterns.
177
-
178
- ### Step 3: Supplement with Detailed Searches (as needed)
179
-
180
- ```bash
181
- # Get UX guidelines for animation and accessibility
182
- python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "animation accessibility" --domain ux
183
-
184
- # Get alternative typography options if needed
185
- python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "elegant luxury serif" --domain typography
186
- ```
187
-
188
- ### Step 4: Stack Guidelines
189
-
190
- ```bash
191
- python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "layout responsive form" --stack html-tailwind
192
- ```
193
-
194
- **Then:** Synthesize design system + detailed searches and implement the design.
195
-
196
- ---
197
-
198
- ## Output Formats
199
-
200
- The `--design-system` flag supports two output formats:
201
-
202
- ```bash
203
- # ASCII box (default) - best for terminal display
204
- python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "fintech crypto" --design-system
205
-
206
- # Markdown - best for documentation
207
- python3 .agent/.shared/ui-ux-pro-max/scripts/search.py "fintech crypto" --design-system -f markdown
208
- ```
209
-
210
- ---
211
-
212
- ## Tips for Better Results
213
-
214
- 1. **Be specific with keywords** - "healthcare SaaS dashboard" > "app"
215
- 2. **Search multiple times** - Different keywords reveal different insights
216
- 3. **Combine domains** - Style + Typography + Color = Complete design system
217
- 4. **Always check UX** - Search "animation", "z-index", "accessibility" for common issues
218
- 5. **Use stack flag** - Get implementation-specific best practices
219
- 6. **Iterate** - If first search doesn't match, try different keywords
220
-
221
- ---
222
-
223
- ## Common Rules for Professional UI
224
-
225
- These are frequently overlooked issues that make UI look unprofessional:
226
-
227
- ### Icons & Visual Elements
228
-
229
- | Rule | Do | Don't |
230
- |------|----|----- |
231
- | **No emoji icons** | Use SVG icons (Heroicons, Lucide, Simple Icons) | Use emojis like 🎨 🚀 ⚙️ as UI icons |
232
- | **Stable hover states** | Use color/opacity transitions on hover | Use scale transforms that shift layout |
233
- | **Correct brand logos** | Research official SVG from Simple Icons | Guess or use incorrect logo paths |
234
- | **Consistent icon sizing** | Use fixed viewBox (24x24) with w-6 h-6 | Mix different icon sizes randomly |
235
-
236
- ### Interaction & Cursor
237
-
238
- | Rule | Do | Don't |
239
- |------|----|----- |
240
- | **Cursor pointer** | Add `cursor-pointer` to all clickable/hoverable cards | Leave default cursor on interactive elements |
241
- | **Hover feedback** | Provide visual feedback (color, shadow, border) | No indication element is interactive |
242
- | **Smooth transitions** | Use `transition-colors duration-200` | Instant state changes or too slow (>500ms) |
243
-
244
- ### Light/Dark Mode Contrast
245
-
246
- | Rule | Do | Don't |
247
- |------|----|----- |
248
- | **Glass card light mode** | Use `bg-white/80` or higher opacity | Use `bg-white/10` (too transparent) |
249
- | **Text contrast light** | Use `#0F172A` (slate-900) for text | Use `#94A3B8` (slate-400) for body text |
250
- | **Muted text light** | Use `#475569` (slate-600) minimum | Use gray-400 or lighter |
251
- | **Border visibility** | Use `border-gray-200` in light mode | Use `border-white/10` (invisible) |
252
-
253
- ### Layout & Spacing
254
-
255
- | Rule | Do | Don't |
256
- |------|----|----- |
257
- | **Floating navbar** | Add `top-4 left-4 right-4` spacing | Stick navbar to `top-0 left-0 right-0` |
258
- | **Content padding** | Account for fixed navbar height | Let content hide behind fixed elements |
259
- | **Consistent max-width** | Use same `max-w-6xl` or `max-w-7xl` | Mix different container widths |
260
-
261
- ---
262
-
263
- ## Pre-Delivery Checklist
264
-
265
- Before delivering UI code, verify these items:
266
-
267
- ### Visual Quality
268
- - [ ] No emojis used as icons (use SVG instead)
269
- - [ ] All icons from consistent icon set (Heroicons/Lucide)
270
- - [ ] Brand logos are correct (verified from Simple Icons)
271
- - [ ] Hover states don't cause layout shift
272
- - [ ] Use theme colors directly (bg-primary) not var() wrapper
273
-
274
- ### Interaction
275
- - [ ] All clickable elements have `cursor-pointer`
276
- - [ ] Hover states provide clear visual feedback
277
- - [ ] Transitions are smooth (150-300ms)
278
- - [ ] Focus states visible for keyboard navigation
279
-
280
- ### Light/Dark Mode
281
- - [ ] Light mode text has sufficient contrast (4.5:1 minimum)
282
- - [ ] Glass/transparent elements visible in light mode
283
- - [ ] Borders visible in both modes
284
- - [ ] Test both modes before delivery
285
-
286
- ### Layout
287
- - [ ] Floating elements have proper spacing from edges
288
- - [ ] No content hidden behind fixed navbars
289
- - [ ] Responsive at 375px, 768px, 1024px, 1440px
290
- - [ ] No horizontal scroll on mobile
291
-
292
- ### Accessibility
293
- - [ ] All images have alt text
294
- - [ ] Form inputs have labels
295
- - [ ] Color is not the only indicator
296
- - [ ] `prefers-reduced-motion` respected