sagaz-ai 0.1.4 → 0.2.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 (68) hide show
  1. package/CHANGELOG.md +67 -0
  2. package/INSTALL.md +36 -0
  3. package/README.md +40 -1
  4. package/RELEASE_NOTES.md +84 -0
  5. package/ai-orchestration-ecosystem/INDEX.md +12 -1
  6. package/ai-orchestration-ecosystem/README.md +9 -0
  7. package/ai-orchestration-ecosystem/agents/ui-systems-designer.md +3 -0
  8. package/ai-orchestration-ecosystem/agents/ux-architect.md +3 -0
  9. package/ai-orchestration-ecosystem/agents/visual-qa.md +3 -0
  10. package/ai-orchestration-ecosystem/evals/sagaz-evaluation-suite.md +218 -27
  11. package/ai-orchestration-ecosystem/governance/package-release-policy.md +28 -1
  12. package/ai-orchestration-ecosystem/governance/versioning.md +10 -0
  13. package/ai-orchestration-ecosystem/manifest.json +168 -0
  14. package/ai-orchestration-ecosystem/protocols/ci-cd-readiness.md +1 -1
  15. package/ai-orchestration-ecosystem/protocols/communication.md +1 -1
  16. package/ai-orchestration-ecosystem/protocols/component-governance.md +72 -0
  17. package/ai-orchestration-ecosystem/protocols/delegation.md +1 -1
  18. package/ai-orchestration-ecosystem/protocols/dependency-graph-validation.md +49 -0
  19. package/ai-orchestration-ecosystem/protocols/design-quality.md +17 -1
  20. package/ai-orchestration-ecosystem/protocols/durable-run-state.md +66 -4
  21. package/ai-orchestration-ecosystem/protocols/future-change-safety.md +98 -0
  22. package/ai-orchestration-ecosystem/protocols/github-operations.md +1 -1
  23. package/ai-orchestration-ecosystem/protocols/guided-proactivity.md +1 -1
  24. package/ai-orchestration-ecosystem/protocols/installed-skill-sync.md +42 -0
  25. package/ai-orchestration-ecosystem/protocols/memory.md +1 -1
  26. package/ai-orchestration-ecosystem/protocols/model-routing.md +1 -1
  27. package/ai-orchestration-ecosystem/protocols/performance-budgets.md +7 -0
  28. package/ai-orchestration-ecosystem/protocols/post-delivery-monitoring.md +1 -1
  29. package/ai-orchestration-ecosystem/protocols/production-readiness.md +1 -1
  30. package/ai-orchestration-ecosystem/protocols/quality-gates.md +1 -1
  31. package/ai-orchestration-ecosystem/protocols/release-versioning-gate.md +85 -0
  32. package/ai-orchestration-ecosystem/protocols/secure-sdlc.md +7 -0
  33. package/ai-orchestration-ecosystem/protocols/squad-pipeline-handoffs.md +1 -1
  34. package/ai-orchestration-ecosystem/protocols/stack-selection.md +1 -1
  35. package/ai-orchestration-ecosystem/protocols/testing-matrix.md +1 -1
  36. package/ai-orchestration-ecosystem/skills/refactor-proofing.md +8 -0
  37. package/ai-orchestration-ecosystem/squads/design-studio.md +19 -3
  38. package/ai-orchestration-ecosystem/stack-presets/admin-dashboard.md +25 -1
  39. package/ai-orchestration-ecosystem/stack-presets/firebase.md +15 -0
  40. package/ai-orchestration-ecosystem/stack-presets/nextjs-vercel.md +7 -0
  41. package/ai-orchestration-ecosystem/stack-presets/node-api.md +6 -0
  42. package/ai-orchestration-ecosystem/stack-presets/react-native.md +6 -0
  43. package/ai-orchestration-ecosystem/stack-presets/react-vite.md +6 -0
  44. package/ai-orchestration-ecosystem/stack-presets/static-site.md +62 -1
  45. package/ai-orchestration-ecosystem/stack-presets/supabase.md +14 -0
  46. package/ai-orchestration-ecosystem/tasks/design-system.md +41 -14
  47. package/ai-orchestration-ecosystem/tasks/github-release-ops.md +37 -14
  48. package/ai-orchestration-ecosystem/tasks/implementation-build.md +40 -14
  49. package/ai-orchestration-ecosystem/tasks/intake-brief.md +40 -12
  50. package/ai-orchestration-ecosystem/tasks/product-requirements.md +39 -13
  51. package/ai-orchestration-ecosystem/tasks/production-readiness.md +39 -14
  52. package/ai-orchestration-ecosystem/tasks/stack-recommendation.md +40 -14
  53. package/ai-orchestration-ecosystem/tasks/verification-qa.md +40 -14
  54. package/ai-orchestration-ecosystem/templates/changelog.md +39 -2
  55. package/ai-orchestration-ecosystem/templates/future-change-guide.md +121 -0
  56. package/ai-orchestration-ecosystem/templates/refactor-safety-contract.md +43 -0
  57. package/ai-orchestration-ecosystem/templates/release-notes.md +41 -1
  58. package/ai-orchestration-ecosystem/templates/run-state.md +80 -0
  59. package/ai-orchestration-ecosystem/tools/tool-registry.md +2 -0
  60. package/ai-orchestration-ecosystem/workflows/brownfield-refactor-safe.md +27 -1
  61. package/ai-orchestration-ecosystem/workflows/bugfix-to-release.md +27 -1
  62. package/ai-orchestration-ecosystem/workflows/greenfield-web-app.md +27 -1
  63. package/ai-orchestration-ecosystem/workflows/mobile-app-production.md +27 -1
  64. package/ai-orchestration-ecosystem/workflows/web-production-release.md +29 -2
  65. package/bin/sagaz.js +35 -7
  66. package/codex-skill/sagaz/SKILL.md +14 -2
  67. package/package.json +3 -1
  68. package/scripts/verify-package.js +1378 -11
package/CHANGELOG.md ADDED
@@ -0,0 +1,67 @@
1
+ # Changelog
2
+
3
+ ## [0.2.0] - 2026-06-08
4
+
5
+ ### Release Type
6
+
7
+ Minor
8
+
9
+ ### Added
10
+
11
+ - Formal workflow contracts and handoff validation across Sagaz workflows.
12
+ - Stronger durable workflow state contract and run-state template.
13
+ - Task-first contracts for reusable Sagaz task definitions.
14
+ - Internal ecosystem manifest and dependency graph validation.
15
+ - Component governance protocol for creating, updating, renaming, deprecating, and removing ecosystem components.
16
+ - Stronger Sagaz evaluation suite with scenario IDs, required evidence, scoring, and release gates.
17
+ - Release/versioning gate for version bumps, tags, GitHub releases, and npm publishes.
18
+ - GitHub Actions enforcement across Linux, Windows, and macOS package checks.
19
+ - Formal changelog and release notes templates.
20
+ - Installed skill synchronization protocol and `npx sagaz-ai sync` command.
21
+
22
+ ### Changed
23
+
24
+ - `npm test` now validates workflow contracts, task contracts, manifest coverage, dependency graph integrity, release gates, GitHub Actions enforcement, evaluation coverage, and release artifact templates.
25
+ - `npx sagaz-ai doctor` now checks whether the installed Codex Desktop skill is synchronized with the source skill.
26
+ - README and install documentation now include system requirements, Node.js guidance, platform notes, and skill sync instructions.
27
+ - Package release policy now requires manifest validation, dependency graph validation, evaluation evidence, changelog or release notes, and installed skill sync evidence.
28
+
29
+ ### Fixed
30
+
31
+ - Corrected malformed Markdown code fences in several protocol files.
32
+ - Added missing references so critical protocols remain reachable from the dependency graph.
33
+
34
+ ### Removed
35
+
36
+ - None.
37
+
38
+ ### Security
39
+
40
+ - Release and GitHub operations now require clearer approval gates before publishing, tagging, pushing, or releasing.
41
+
42
+ ### Compatibility
43
+
44
+ - Windows: supported through Codex Desktop and validated by GitHub Actions on `windows-latest`.
45
+ - macOS: supported through Codex Desktop and validated by GitHub Actions on `macos-latest`.
46
+ - Node.js: package baseline remains `>=22.14`; GitHub Actions use Node.js 24.
47
+ - Codex Desktop: Sagaz remains a Codex Desktop skill, not a standalone terminal agent runtime.
48
+
49
+ ### Migration Notes
50
+
51
+ - Existing users should run `npx sagaz-ai sync` or `npx sagaz-ai install --force` to refresh the installed Codex Desktop skill.
52
+ - Open a new Codex Desktop thread after syncing so the updated skill can be discovered.
53
+
54
+ ### Verification
55
+
56
+ - npm test: passed locally on Windows.
57
+ - npm run doctor: passed locally on Windows with `Synchronized with source: yes`.
58
+ - npm pack --dry-run: passed locally on Windows after allowing npm cache access outside the sandbox.
59
+ - Evaluation scenarios: covered by the strengthened `evals/sagaz-evaluation-suite.md` contract.
60
+
61
+ ### Release Evidence
62
+
63
+ - Commit: pending.
64
+ - Tag: pending.
65
+ - GitHub release: pending.
66
+ - npm package: pending.
67
+
package/INSTALL.md CHANGED
@@ -72,6 +72,7 @@ Sagaz: explain the available workflows.
72
72
  ```powershell
73
73
  npx sagaz-ai status
74
74
  npx sagaz-ai doctor
75
+ npx sagaz-ai sync
75
76
  npx sagaz-ai install --force
76
77
  ```
77
78
 
@@ -80,9 +81,30 @@ npx sagaz-ai install --force
80
81
  ```bash
81
82
  npx sagaz-ai status
82
83
  npx sagaz-ai doctor
84
+ npx sagaz-ai sync
83
85
  npx sagaz-ai install --force
84
86
  ```
85
87
 
88
+ ## Sync The Installed Skill
89
+
90
+ When this repository changes, refresh the installed Codex Desktop skill before relying on new Sagaz behavior.
91
+
92
+ Windows PowerShell:
93
+
94
+ ```powershell
95
+ npx sagaz-ai sync
96
+ npx sagaz-ai doctor
97
+ ```
98
+
99
+ macOS Terminal:
100
+
101
+ ```bash
102
+ npx sagaz-ai sync
103
+ npx sagaz-ai doctor
104
+ ```
105
+
106
+ Then open a new Codex Desktop thread so the updated skill is discovered.
107
+
86
108
  ## Manual Install
87
109
 
88
110
  Copy the Sagaz skill folder from the repository.
@@ -127,6 +149,20 @@ Keep this repository available to Codex. Then, inside the project you want to wo
127
149
  Sagaz: use the appropriate workflow for this project. Maintain run state, handoffs, and verification evidence.
128
150
  ```
129
151
 
152
+ For a hand-built static site, Sagaz should use clean URLs by default:
153
+
154
+ ```text
155
+ /blog/post-slug/
156
+ ```
157
+
158
+ with files laid out as:
159
+
160
+ ```text
161
+ blog/post-slug/index.html
162
+ ```
163
+
164
+ When GitHub Pages is the target, Sagaz should also prepare `CNAME`, `.nojekyll`, `404.html`, `robots.txt`, `sitemap.xml`, canonical URLs, social metadata, and Schema.org JSON-LD before recommending publication.
165
+
130
166
  ## GitHub Ops
131
167
 
132
168
  ### Windows PowerShell
package/README.md CHANGED
@@ -40,8 +40,10 @@ Sagaz also guides the user through the process. At the end of each phase, it exp
40
40
  - **Durable checkpoints:** long projects can resume across threads and refactors without losing context.
41
41
  - **Tool registry:** Sagaz verifies and recommends tools such as GitHub CLI, Playwright, Vercel, Expo/EAS, Supabase, Firebase, Stripe, CI/CD, and observability services.
42
42
  - **Stack presets:** common web, mobile, backend, database, and dashboard stacks are documented as starting points.
43
+ - **Static site discipline:** hand-built static sites use clean directory URLs by default, GitHub Pages-ready files, and a practical SEO baseline.
43
44
  - **Sagaz evaluations:** scenario-based checks help prevent regressions in the orchestration system itself.
44
45
  - **Compatibility audits:** Sagaz can check whether Windows, macOS, npm, Node.js, Codex Desktop, AI model behavior, GitHub, package contents, or external platform changes require a Sagaz update.
46
+ - **Future-change safety:** generated projects include detailed documentation for future refactors, improvements, feature additions, design consistency, UX preservation, invariants, and regression checks.
45
47
 
46
48
  ## How It Works
47
49
 
@@ -74,6 +76,37 @@ Key areas:
74
76
  - `brownfield-refactor-safe`: refactor an existing project safely.
75
77
  - `bugfix-to-release`: fix a bug through verification and release.
76
78
 
79
+ ## System Requirements
80
+
81
+ Install these before using Sagaz:
82
+
83
+ - **Codex Desktop:** required. Sagaz is designed to run as a Codex Desktop skill, not as a standalone terminal agent.
84
+ - **Node.js and npm:** required for the recommended `npx sagaz-ai install` flow. Use Node.js `22.14+` at minimum; Node.js `24 LTS` is preferred for new installations.
85
+ - **Git:** recommended for cloning this repository, inspecting changes, and using Sagaz GitHub workflows.
86
+ - **Operating system:** Windows or macOS with access to the local Codex skills folder.
87
+
88
+ Optional but recommended for common Sagaz workflows:
89
+
90
+ - **GitHub CLI (`gh`):** needed for guided GitHub operations such as authentication, pull requests, checks, issues, releases, and repository automation.
91
+ - **Project runtime tools:** install the tools required by the project Sagaz will work on, such as `pnpm`, `yarn`, `bun`, Python, Java, Android Studio, Xcode, Expo/EAS, or database CLIs when that project needs them.
92
+ - **Browser or web testing tools:** useful for visual QA, Playwright flows, accessibility checks, and local web app verification.
93
+ - **Design/tool connectors:** optional connectors such as Figma MCP can be used when available for app-like mockups, design systems, and visual QA.
94
+
95
+ Verify the core local tools:
96
+
97
+ ```bash
98
+ node --version
99
+ npm --version
100
+ git --version
101
+ ```
102
+
103
+ Verify GitHub CLI only if you want GitHub Ops:
104
+
105
+ ```bash
106
+ gh --version
107
+ gh auth status
108
+ ```
109
+
77
110
  ## Installation In Codex Desktop
78
111
 
79
112
  ### Recommended: Install With npx
@@ -104,6 +137,7 @@ Check installation:
104
137
  ```powershell
105
138
  npx sagaz-ai status
106
139
  npx sagaz-ai doctor
140
+ npx sagaz-ai sync
107
141
  ```
108
142
 
109
143
  #### macOS Terminal
@@ -123,8 +157,11 @@ Check installation:
123
157
  ```bash
124
158
  npx sagaz-ai status
125
159
  npx sagaz-ai doctor
160
+ npx sagaz-ai sync
126
161
  ```
127
162
 
163
+ Use `npx sagaz-ai sync` after updating this repository or package to refresh the installed Codex Desktop skill. Then open a new Codex Desktop thread so Sagaz is rediscovered.
164
+
128
165
  Then open a new Codex Desktop thread and run:
129
166
 
130
167
  ```text
@@ -205,9 +242,11 @@ Sagaz should choose the appropriate workflow, create or update persistent run st
205
242
 
206
243
  For production-grade work, Sagaz can also apply SRE readiness, DORA metrics, secure SDLC, dependency governance, data privacy lifecycle, architecture fitness functions, API contracts, performance budgets, accessibility compliance, database migrations, release strategy, and AI application quality protocols.
207
244
 
245
+ For medium, large, production, web, mobile, refactor, or feature-extension work, Sagaz should create or update a future-change guide covering product intent, architecture, design system, UX rules, components, invariants, testing, safe refactor procedure, safe feature-addition procedure, deployment, and known risks.
246
+
208
247
  For tool-heavy work, Sagaz uses a tool registry to verify local availability and recommend the right connector or platform before asking permission to install, authenticate, deploy, publish, or modify external resources.
209
248
 
210
- For common project types, Sagaz can start from documented stack presets such as Next.js on Vercel, React with Vite, Expo mobile, React Native, Supabase, Firebase, Node APIs, static sites, and admin dashboards.
249
+ For common project types, Sagaz can start from documented stack presets such as Next.js on Vercel, React with Vite, Expo mobile, React Native, Supabase, Firebase, Node APIs, static sites, and admin dashboards. For hand-built static sites, Sagaz should default to clean URLs through directory `index.html` files and verify SEO essentials including canonical URLs, Open Graph/Twitter metadata, Schema.org JSON-LD, sitemap, robots, optimized images, and GitHub Pages files when applicable.
211
250
 
212
251
  When asked whether Sagaz needs updates, Sagaz should run a compatibility update audit across Windows, macOS, npm, Node.js, Codex Desktop, current model/tool behavior, GitHub, local installed skill, package contents, documentation, CI/CD, and relevant external platforms before recommending a new version.
213
252
 
@@ -0,0 +1,84 @@
1
+ # Release Notes
2
+
3
+ ## Release
4
+
5
+ Version: 0.2.0
6
+ Date: 2026-06-08
7
+ Release type: Minor
8
+ GitHub commit: pending
9
+ Git tag: pending
10
+ GitHub release: pending
11
+ npm package: pending
12
+
13
+ ## Summary
14
+
15
+ Sagaz 0.2.0 strengthens the orchestration ecosystem around formal workflows, handoffs, task contracts, registry validation, release gates, GitHub Actions enforcement, evaluation coverage, and installed skill synchronization.
16
+
17
+ ## Audience Impact
18
+
19
+ - New users: clearer README, requirements, installation guidance, and sync instructions.
20
+ - Existing users: should refresh the installed skill with `npx sagaz-ai sync`.
21
+ - Maintainers: stronger `npm test` coverage catches manifest, dependency graph, release, workflow, task, and evaluation drift.
22
+ - Design team: Figma MCP and app-like mockup guidance are now part of Sagaz operating rules.
23
+ - Engineering team: workflows now behave more like formal contracts with gates, state, handoffs, and evidence.
24
+
25
+ ## What Changed
26
+
27
+ - Added `manifest.json` as an internal component registry.
28
+ - Added dependency graph validation.
29
+ - Added component governance.
30
+ - Added release/versioning gate.
31
+ - Added GitHub Actions package checks across Linux, Windows, and macOS.
32
+ - Added formal changelog and release notes templates.
33
+ - Added installed skill sync protocol and CLI command.
34
+ - Strengthened workflow, task, run-state, and evaluation contracts.
35
+
36
+ ## Why It Matters
37
+
38
+ Sagaz is now harder to accidentally drift, release, or publish in an inconsistent state. The system can validate its own structure, release gates, installed skill sync, and GitHub automation before maintainers ship changes.
39
+
40
+ ## Compatibility
41
+
42
+ - Windows: supported and locally verified.
43
+ - macOS: supported through Codex Desktop and GitHub Actions runner validation.
44
+ - Node.js: `>=22.14` remains the package minimum; Node.js 24 is preferred for new installs and CI.
45
+ - Codex Desktop: required.
46
+ - GitHub Actions: package checks run on Ubuntu, Windows, and macOS.
47
+ - npm package: still an installer/distribution package, not a standalone Sagaz runtime.
48
+
49
+ ## Migration Notes
50
+
51
+ Run:
52
+
53
+ ```bash
54
+ npx sagaz-ai sync
55
+ npx sagaz-ai doctor
56
+ ```
57
+
58
+ Then open a new Codex Desktop thread so Sagaz is rediscovered.
59
+
60
+ ## Verification
61
+
62
+ - `npm test`: passed locally.
63
+ - `npm run doctor`: passed locally with installed skill synchronization confirmed.
64
+ - `npm pack --dry-run`: passed locally after npm cache access was allowed outside the sandbox.
65
+ - Evaluation scenarios: enforced by the strengthened Sagaz evaluation suite.
66
+ - Manual checks: Git status reviewed before release preparation.
67
+
68
+ ## Known Limitations
69
+
70
+ - GitHub release and npm publishing remain manual approval steps.
71
+ - The package still installs Sagaz for Codex Desktop; it is not a standalone terminal orchestration runtime.
72
+
73
+ ## Rollback Plan
74
+
75
+ - Revert the release commit if the GitHub repository update fails.
76
+ - If published to npm, publish a patch version that restores the previous known-good package contents.
77
+ - Users can reinstall a previous npm version with `npx sagaz-ai@<version> install --force` if needed.
78
+
79
+ ## Release Decision
80
+
81
+ Approved by: Thiago Cabral
82
+ Approval date: 2026-06-08
83
+ Residual risk: GitHub Actions and npm publishing still need remote execution after push.
84
+
@@ -5,6 +5,7 @@
5
5
  - `ACTIVATE.md`: ready-to-use activation prompts.
6
6
  - `quickstart.md`: minimum operating rules.
7
7
  - `README.md`: ecosystem overview.
8
+ - `manifest.json`: internal component registry for validation and navigation.
8
9
 
9
10
  ## Core
10
11
 
@@ -50,17 +51,27 @@ See `protocols/` for quality gates, testing matrix, stack selection, design qual
50
51
  - `protocols/dora-metrics.md`
51
52
  - `protocols/secure-sdlc.md`
52
53
  - `protocols/dependency-governance.md`
54
+ - `protocols/dependency-graph-validation.md`
53
55
  - `protocols/data-privacy-lifecycle.md`
54
56
  - `protocols/architecture-fitness-functions.md`
55
57
  - `protocols/api-contracts.md`
56
58
  - `protocols/performance-budgets.md`
57
59
  - `protocols/accessibility-compliance.md`
58
60
  - `protocols/database-migrations.md`
61
+ - `protocols/release-versioning-gate.md`
59
62
  - `protocols/release-strategy.md`
60
63
  - `protocols/ai-application-quality.md`
61
64
  - `protocols/agent-observability.md`
65
+ - `protocols/component-governance.md`
66
+ - `protocols/communication.md`
67
+ - `protocols/delegation.md`
62
68
  - `protocols/durable-run-state.md`
63
69
  - `protocols/compatibility-update-audit.md`
70
+ - `protocols/future-change-safety.md`
71
+ - `protocols/installed-skill-sync.md`
72
+ - `protocols/memory.md`
73
+ - `protocols/model-routing.md`
74
+ - `protocols/post-delivery-monitoring.md`
64
75
 
65
76
  ## Tools
66
77
 
@@ -88,7 +99,7 @@ See `protocols/` for quality gates, testing matrix, stack selection, design qual
88
99
 
89
100
  ## Templates
90
101
 
91
- See `templates/` for task briefs, product specs, technical specs, design systems, stack recommendations, run state, squad handoffs, QA reports, release checklists, changelogs, release notes, and final handoffs.
102
+ See `templates/` for task briefs, product specs, technical specs, design systems, future-change guides, refactor safety contracts, stack recommendations, run state, squad handoffs, QA reports, release checklists, changelogs, release notes, and final handoffs.
92
103
 
93
104
  ## Governance
94
105
 
@@ -12,6 +12,7 @@ A local AI orchestration ecosystem for Codex, focused on autonomous teams, consi
12
12
 
13
13
  ## Structure
14
14
 
15
+ - `manifest.json`: internal component registry used to validate and navigate the ecosystem.
15
16
  - `workflows/`: named end-to-end flows.
16
17
  - `squads/`: specialized teams.
17
18
  - `agents/`: role definitions.
@@ -25,6 +26,14 @@ A local AI orchestration ecosystem for Codex, focused on autonomous teams, consi
25
26
 
26
27
  No delivery is complete without verification evidence proportional to the risk.
27
28
 
29
+ ## Ecosystem Maintenance
30
+
31
+ Use `manifest.json` as the component registry and `protocols/component-governance.md` when creating, updating, renaming, deprecating, or removing Sagaz ecosystem components.
32
+
33
+ Use `protocols/release-versioning-gate.md` before version bumps, Git tags, GitHub releases, or npm publishes. A Sagaz release is not ready until package checks, doctor, manifest coverage, dependency graph validation, relevant evaluation scenarios, and changelog or release notes are complete.
34
+
35
+ Use `protocols/installed-skill-sync.md` after changing the Sagaz skill or release rules so the installed Codex Desktop skill does not drift from the repository copy.
36
+
28
37
  ## Advanced Engineering Coverage
29
38
 
30
39
  Sagaz includes protocols for SRE readiness, DORA metrics, secure SDLC, dependency governance, data privacy lifecycle, architecture fitness functions, API contracts, performance budgets, accessibility compliance, database migrations, release strategy, and AI application quality.
@@ -9,6 +9,8 @@ Create design systems, tokens, components, and consistent visual rules.
9
9
  - Define colors, typography, spacing, radii, borders, elevation, icons, and motion.
10
10
  - Create base components and variants.
11
11
  - Standardize forms, feedback, cards, tables, navigation, and modals.
12
+ - When Figma MCP is available, create implementation-ready Figma components, variants, tokens, and screen frames for the mockup.
13
+ - Ensure Figma components map cleanly to the chosen frontend stack, component library, or internal design system.
12
14
 
13
15
  ## Standard Output
14
16
 
@@ -16,5 +18,6 @@ Create design systems, tokens, components, and consistent visual rules.
16
18
  - Component inventory
17
19
  - Responsive rules
18
20
  - Component states
21
+ - Figma component and frame plan when applicable
19
22
  - Consistency checklist
20
23
 
@@ -10,6 +10,8 @@ Design flows, journeys, information architecture, and interactions that reduce f
10
10
  - Map happy paths, errors, and empty states.
11
11
  - Organize navigation and information hierarchy.
12
12
  - Set usability criteria.
13
+ - When Figma MCP is available, define navigable mockup flows that behave like the intended application.
14
+ - Specify interaction states, transitions, and screen-to-screen behavior clearly enough for implementation.
13
15
 
14
16
  ## Standard Output
15
17
 
@@ -17,5 +19,6 @@ Design flows, journeys, information architecture, and interactions that reduce f
17
19
  - Navigation map
18
20
  - Screen states
19
21
  - Interaction requirements
22
+ - Figma mockup flow requirements when applicable
20
23
  - Usability criteria
21
24
 
@@ -10,10 +10,13 @@ Validate interfaces visually before delivery and block layout, hierarchy, respon
10
10
  - Find overlap, overflow, misalignment, clipping, and weak contrast.
11
11
  - Validate interactive states.
12
12
  - Compare implementation against the design system.
13
+ - When Figma MCP was used, inspect Figma frames or screenshots before handoff and verify that the mockup supports the intended user journeys.
14
+ - Confirm that the mockup includes realistic states and does not create impossible implementation expectations.
13
15
 
14
16
  ## Standard Output
15
17
 
16
18
  - Viewports tested
19
+ - Figma frames or screenshots reviewed when applicable
17
20
  - Issues found
18
21
  - Recommended fixes
19
22
  - Verdict