pixelcrew 0.2.2 โ†’ 0.2.6

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 (173) hide show
  1. package/README.md +389 -315
  2. package/bin/pixel-agents.js +306 -149
  3. package/package.json +3 -1
  4. package/skill/SKILL.md +185 -0
  5. package/skill/references/anti-ai-rubric.md +30 -0
  6. package/skill/references/anti-ai-slop-encyclopedia.md +181 -0
  7. package/skill/references/commands-reference.md +135 -0
  8. package/skill/references/testing-and-qa-strategy.md +25 -0
  9. package/skill/references/token-efficiency.md +20 -0
  10. package/src/adapters/adapter.interface.js +77 -0
  11. package/src/adapters/antigravity.js +138 -0
  12. package/src/adapters/claude-code.js +149 -0
  13. package/src/adapters/codex.js +131 -0
  14. package/src/adapters/cursor.js +133 -0
  15. package/src/adapters/generic.js +63 -0
  16. package/src/adapters/index.js +15 -0
  17. package/src/adapters/kiro.js +134 -0
  18. package/src/adapters/registry.js +150 -0
  19. package/src/backend/analyzer/complexity-analyzer.js +104 -0
  20. package/src/backend/analyzer/requirement-analyzer.js +213 -0
  21. package/src/backend/analyzer/threat-analyzer.js +122 -0
  22. package/src/backend/api/api-designer.js +90 -0
  23. package/src/backend/api/error-contract.js +132 -0
  24. package/src/backend/api/route-generator.js +92 -0
  25. package/src/backend/api/schema-generator.js +64 -0
  26. package/src/backend/architecture/adr-generator.js +62 -0
  27. package/src/backend/architecture/architecture-reasoner.js +119 -0
  28. package/src/backend/architecture/architecture-selector.js +57 -0
  29. package/src/backend/architecture/tradeoff-analyzer.js +92 -0
  30. package/src/backend/data/data-modeler.js +114 -0
  31. package/src/backend/data/index-analyzer.js +93 -0
  32. package/src/backend/data/query-analyzer.js +41 -0
  33. package/src/backend/data/schema-generator.js +92 -0
  34. package/src/backend/data/transaction-analyzer.js +49 -0
  35. package/src/backend/index.js +67 -0
  36. package/src/backend/observability/logging-engine.js +80 -0
  37. package/src/backend/observability/metrics-engine.js +31 -0
  38. package/src/backend/observability/tracing-engine.js +16 -0
  39. package/src/backend/patterns/pattern-registry.js +74 -0
  40. package/src/backend/patterns/pattern-selector.js +39 -0
  41. package/src/backend/patterns/tradeoff-engine.js +17 -0
  42. package/src/backend/performance/cache-analyzer.js +31 -0
  43. package/src/backend/performance/concurrency-analyzer.js +34 -0
  44. package/src/backend/performance/performance-engine.js +98 -0
  45. package/src/backend/performance/query-optimizer.js +16 -0
  46. package/src/backend/reliability/failure-analyzer.js +22 -0
  47. package/src/backend/reliability/idempotency-engine.js +56 -0
  48. package/src/backend/reliability/resilience-engine.js +141 -0
  49. package/src/backend/reliability/retry-analyzer.js +15 -0
  50. package/src/backend/security/auth-selector.js +33 -0
  51. package/src/backend/security/authorization-engine.js +90 -0
  52. package/src/backend/security/policy-engine.js +49 -0
  53. package/src/backend/security/secret-analyzer.js +39 -0
  54. package/src/backend/security/security-engine.js +122 -0
  55. package/src/backend/security/threat-model.js +59 -0
  56. package/src/backend/synthesis/backend-synthesizer.js +98 -0
  57. package/src/backend/synthesis/infrastructure-synthesizer.js +108 -0
  58. package/src/backend/synthesis/module-synthesizer.js +262 -0
  59. package/src/backend/validation/architecture-validator.js +70 -0
  60. package/src/backend/validation/backend-quality-validator.js +71 -0
  61. package/src/backend/validation/dependency-validator.js +20 -0
  62. package/src/backend/validation/performance-validator.js +38 -0
  63. package/src/backend/validation/security-validator.js +73 -0
  64. package/src/commands/adapt.js +105 -0
  65. package/src/commands/add.js +78 -0
  66. package/src/commands/animate.js +48 -0
  67. package/src/commands/assemble.js +57 -0
  68. package/src/commands/audit.js +93 -0
  69. package/src/commands/backend.js +125 -0
  70. package/src/commands/bento.js +25 -0
  71. package/src/commands/blueprint.js +65 -0
  72. package/src/commands/bolder.js +48 -0
  73. package/src/commands/boss-fight.js +60 -0
  74. package/src/commands/build.js +39 -0
  75. package/src/commands/calibrate.js +25 -0
  76. package/src/commands/chromatic.js +25 -0
  77. package/src/commands/clarify.js +52 -0
  78. package/src/commands/colorize.js +57 -0
  79. package/src/commands/command.interface.js +28 -0
  80. package/src/commands/commands.js +84 -0
  81. package/src/commands/craft.js +57 -0
  82. package/src/commands/crew.js +66 -0
  83. package/src/commands/critique.js +25 -0
  84. package/src/commands/de-slop.js +25 -0
  85. package/src/commands/delight.js +46 -0
  86. package/src/commands/deploy.js +42 -0
  87. package/src/commands/distill.js +48 -0
  88. package/src/commands/doctor.js +89 -0
  89. package/src/commands/document.js +83 -0
  90. package/src/commands/eight-bit.js +25 -0
  91. package/src/commands/extract.js +75 -0
  92. package/src/commands/fix.js +46 -0
  93. package/src/commands/harden.js +85 -0
  94. package/src/commands/index.js +67 -0
  95. package/src/commands/install.js +75 -0
  96. package/src/commands/layout.js +48 -0
  97. package/src/commands/live.js +44 -0
  98. package/src/commands/manifest.js +25 -0
  99. package/src/commands/office.js +25 -0
  100. package/src/commands/onboard.js +46 -0
  101. package/src/commands/oneshot.js +60 -0
  102. package/src/commands/optimize.js +46 -0
  103. package/src/commands/overdrive.js +46 -0
  104. package/src/commands/parser.js +143 -0
  105. package/src/commands/pixelcrew.js +96 -0
  106. package/src/commands/plan.js +66 -0
  107. package/src/commands/polish.js +45 -0
  108. package/src/commands/quieter.js +48 -0
  109. package/src/commands/recap.js +358 -0
  110. package/src/commands/registry.js +353 -0
  111. package/src/commands/render.js +26 -0
  112. package/src/commands/retrofit.js +25 -0
  113. package/src/commands/review.js +118 -0
  114. package/src/commands/roster.js +25 -0
  115. package/src/commands/sentinel.js +25 -0
  116. package/src/commands/shape.js +66 -0
  117. package/src/commands/skills.js +57 -0
  118. package/src/commands/status.js +48 -0
  119. package/src/commands/stop.js +50 -0
  120. package/src/commands/sync.js +58 -0
  121. package/src/commands/typeset.js +58 -0
  122. package/src/commands/warp.js +25 -0
  123. package/src/core/agent-runtime.js +94 -0
  124. package/src/core/event-bus.js +98 -0
  125. package/src/core/index.js +9 -0
  126. package/src/core/orchestrator.js +234 -0
  127. package/src/core/scheduler.js +124 -0
  128. package/src/core/task-graph.js +185 -0
  129. package/src/dashboard/app.js +1172 -30
  130. package/src/dashboard/index.html +223 -23
  131. package/src/dashboard/styles.css +870 -0
  132. package/src/index.js +16 -0
  133. package/src/orchestrator/artifact-graph.js +104 -0
  134. package/src/orchestrator/ast-normalizer.js +147 -0
  135. package/src/orchestrator/code-generator.js +846 -0
  136. package/src/orchestrator/design-engine.js +203 -0
  137. package/src/orchestrator/engine.js +318 -39
  138. package/src/orchestrator/oneshot.js +351 -1561
  139. package/src/orchestrator/ontology.js +394 -0
  140. package/src/orchestrator/planner.js +302 -0
  141. package/src/orchestrator/repair-planner.js +67 -0
  142. package/src/orchestrator/requirement-contract.js +177 -0
  143. package/src/orchestrator/requirement-validator.js +39 -0
  144. package/src/orchestrator/semantic-engine.js +582 -0
  145. package/src/orchestrator/semantic-reviewer.js +179 -0
  146. package/src/orchestrator/skills-registry.js +194 -0
  147. package/src/orchestrator/task-planner.js +111 -0
  148. package/src/orchestrator/task-queue.js +128 -0
  149. package/src/orchestrator/telemetry.js +209 -0
  150. package/src/orchestrator/ui-synthesizer.js +245 -0
  151. package/src/orchestrator/visual-critic.js +106 -0
  152. package/src/policies/architecture/layering.policy.js +14 -0
  153. package/src/policies/performance/indexing.policy.js +13 -0
  154. package/src/policies/reliability/resilience.policy.js +13 -0
  155. package/src/policies/security/auth.policy.js +31 -0
  156. package/src/protocol/agent.js +124 -0
  157. package/src/protocol/event.js +78 -0
  158. package/src/protocol/index.js +8 -0
  159. package/src/protocol/skill.js +54 -0
  160. package/src/protocol/task.js +100 -0
  161. package/src/scaffold/claude-generator.js +60 -0
  162. package/src/scaffold/commands-catalog.js +321 -0
  163. package/src/scaffold/cursor-generator.js +74 -0
  164. package/src/scaffold/ide-rules.js +133 -0
  165. package/src/scaffold/init.js +415 -91
  166. package/src/scaffold/installer.js +571 -0
  167. package/src/scaffold/kiro-generator.js +86 -0
  168. package/src/scaffold/skills-bundle.js +520 -0
  169. package/src/scaffold/templates.js +57 -4
  170. package/src/scaffold/workstations.js +364 -0
  171. package/src/server/server.js +292 -42
  172. package/src/utils/fs-safe.js +168 -0
  173. package/src/utils/markdown-report.js +175 -0
package/README.md CHANGED
@@ -1,421 +1,495 @@
1
- # PixelCrew (`@hiroqt/pixelcrew`)
1
+ <p align="center">
2
+ <img src="assets/banner.png" alt="Pixel Agents โ€” Autonomous Agents. Real Impact." width="100%" />
3
+ </p>
4
+
5
+ <h1 align="center">PixelCrew</h1>
2
6
 
3
7
  <p align="center">
4
- <strong>Local Multi-Agent Orchestration Engine & Retro Pixel-Art Tech Startup Office</strong><br>
5
- <em>Transform any codebase into an observable, autonomous, and choreographed AI engineering workspace with a single command.</em>
8
+ <strong>Autonomous Multi-Agent Engineering Swarm and Software Synthesis Framework</strong>
6
9
  </p>
7
10
 
8
11
  <p align="center">
9
- <a href="LICENSE"><img src="https://img.shields.io/badge/License-Apache_2.0-blue.svg" alt="Apache 2.0 License"></a>
10
- <a href="https://nodejs.org"><img src="https://img.shields.io/badge/Node.js-%3E%3D18.0.0-brightgreen.svg" alt="Node.js 18+"></a>
11
- <a href="package.json"><img src="https://img.shields.io/badge/Runtime_Dependencies-Zero-orange.svg" alt="Zero Runtime Dependencies"></a>
12
- <a href="https://github.com/hiroqt/PixelCrew"><img src="https://img.shields.io/badge/Release-v0.2.0-blueviolet.svg" alt="Release v0.2.0"></a>
13
- <a href="CONTRIBUTING.md"><img src="https://img.shields.io/badge/PRs-Welcome-brightgreen.svg" alt="PRs Welcome"></a>
12
+ <a href="https://github.com/hiroqt/PixelCrew"><img src="https://img.shields.io/badge/version-0.2.5-7c3aed?style=flat-square" alt="Version" /></a>
13
+ <a href="LICENSE"><img src="https://img.shields.io/badge/license-Apache--2.0-22c55e?style=flat-square" alt="License" /></a>
14
+ <a href="https://nodejs.org"><img src="https://img.shields.io/badge/node-%3E%3D18.0.0-0ea5e9?style=flat-square" alt="Node.js" /></a>
15
+ <a href="#zero-runtime-dependencies"><img src="https://img.shields.io/badge/dependencies-0-f59e0b?style=flat-square" alt="Zero Dependencies" /></a>
14
16
  </p>
15
17
 
16
- ```text
17
- โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
18
- โ”‚ PIXELCREW HQ :: FLOOR 42 โ— SWARM LIVE โ”‚
19
- โ”œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ค
20
- โ”‚ โ”‚
21
- โ”‚ โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”‚
22
- โ”‚ โ”‚ LEAD ORCHESTRATOR โ”‚ โ”‚
23
- โ”‚ โ”‚ [ โ—‰ _ โ—‰ ] โ”‚ โ”‚
24
- โ”‚ โ”‚ DAG Dispatch โ”‚ โ”‚
25
- โ”‚ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ”‚
26
- โ”‚ โ”‚ โ”‚
27
- โ”‚ โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”‚
28
- โ”‚ โ”‚ โ”‚ โ”‚ โ”‚
29
- โ”‚ โ–ผ โ–ผ โ–ผ โ”‚
30
- โ”‚ โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”‚
31
- โ”‚ โ”‚ FRONTEND โ”‚ โ”‚ BACKEND โ”‚ โ”‚ DATABASE โ”‚ โ”‚
32
- โ”‚ โ”‚ [ โ—‰ โ–‚ โ—‰ ]โ”‚ โ”‚ [ โ—‰ โ–‚ โ—‰ ]โ”‚ โ”‚ [ โ—‰ โŠ™ ] โ”‚ โ”‚
33
- โ”‚ โ”‚ working โ”‚ โ”‚ working โ”‚ โ”‚ analyzing โ”‚ โ”‚
34
- โ”‚ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ”‚
35
- โ”‚ โ”‚ โ”‚ โ”‚ โ”‚
36
- โ”‚ โ–ผ โ–ผ โ–ผ โ”‚
37
- โ”‚ โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”‚
38
- โ”‚ โ”‚ CREATIVE โ”‚ โ”‚ANTI-AI QA โ”‚ โ”‚TOKEN SAVERโ”‚ โ”‚
39
- โ”‚ โ”‚ [ โ˜… _ โ˜… ]โ”‚ โ”‚ [ ๐Ÿ”_๐Ÿ” ]โ”‚ โ”‚ [ โ—‰ โ–‚ โ—‰ ]โ”‚ โ”‚
40
- โ”‚ โ”‚ Director โ”‚ โ”‚Critic >=8.5โ”‚ โ”‚72% Savingsโ”‚ โ”‚
41
- โ”‚ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ”‚
42
- โ”‚ โ”‚
43
- โ”‚ LIVE TELEMETRY STREAM โ”‚
44
- โ”‚ โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ โ”‚
45
- โ”‚ 03:41:02 orchestrator โ†’ decomposed objective into parallel tasks โ”‚
46
- โ”‚ 03:41:03 creativeDirector โ†’ formulated asymmetric editorial style โ”‚
47
- โ”‚ 03:41:04 designSystem โ†’ compiled fluid clamp type & tokens โ”‚
48
- โ”‚ 03:41:05 visualCritic โ†’ โ˜… Visual Score: 9.4/10 (Passed >= 8.5) โ”‚
49
- โ”‚ โ”‚
50
- โ”‚ ACTIVE SKILL ENGINES โ”‚
51
- โ”‚ โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ โ”‚
52
- โ”‚ โœ“ Codebase Intelligence โœ“ Design Director (Anti-AI) โœ“ Token Saver โ”‚
53
- โ”‚ โ—‰ Frontend Engineering โ—‰ Database Engineering โ—‰ Visual QA โ”‚
54
- โ”‚ โ”‚
55
- โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
56
- ```
18
+ <p align="center">
19
+ <a href="#overview">Overview</a> โ€ข
20
+ <a href="#quickstart">Quickstart</a> โ€ข
21
+ <a href="#floor-42-slash-commands-suite">Slash Commands</a> โ€ข
22
+ <a href="#cross-ide-integration-architecture">IDE Integration</a> โ€ข
23
+ <a href="#agent-roster-and-state-machine">Agent Roster</a> โ€ข
24
+ <a href="#architecture">Architecture</a> โ€ข
25
+ <a href="#visual-dashboard">Dashboard</a> โ€ข
26
+ <a href="#anti-ai-design-guardian">Design Guardian</a> โ€ข
27
+ <a href="#cli-reference">CLI Reference</a> โ€ข
28
+ <a href="#testing">Testing</a> โ€ข
29
+ <a href="#roadmap">Roadmap</a> โ€ข
30
+ <a href="CONTRIBUTING.md">Contributing</a>
31
+ </p>
57
32
 
58
33
  ---
59
34
 
60
- ## โšก 10-Second Ignition
35
+ <a id="overview"></a>
61
36
 
62
- No global installations or complex configuration required. Run directly in your repository:
37
+ ## Overview
63
38
 
64
- ```bash
65
- # 1. โœฆ OneShot Website Generation (Design-First Multi-Agent Synthesis)
66
- npx pixelcrew oneshot "Build a modern website for a design agency specializing in AI products. Dark, editorial, premium."
39
+ Modern AI coding assistants frequently operate as black boxes, concealing agent cognition behind non-descriptive status indicators or emitting unstructured terminal log dumps. Developers are left unable to observe what specific tasks an agent is executing, where dependencies are stalled, or how individual architectural decisions were reached.
67
40
 
68
- # 2. Launch the orchestrator daemon and real-time visual office dashboard
69
- npx pixelcrew start
41
+ PixelCrew resolves this observability and coordination challenge by structuring development into a coordinated, observable multi-agent engineering swarm. The workspace is modeled as a retro-themed virtual technology office on Floor 42 of Pixel Corps HQ, where specialized agent personas collaborate across design direction, frontend construction, backend engineering, data modeling, performance analysis, security verification, and quality assurance.
70
42
 
71
- # 3. Initialize and adapt PixelCrew to an existing codebase
72
- npx pixelcrew init
73
-
74
- # 4. Run an instant multi-agent sprint simulation demo
75
- npx pixelcrew demo
76
- ```
43
+ ### Architectural Comparison
77
44
 
78
- The interactive dashboard opens automatically at:
79
- ๐Ÿ‘‰ **`http://localhost:4747`** *(auto-recovers to `4748`+ if port 4747 is occupied)*
45
+ | Capability | PixelCrew | Conventional AI Tools |
46
+ |:---|:---|:---|
47
+ | **Observability** | Real-time 2D canvas with per-agent state machines, live event stream, and audio telemetry | Static spinner animations or raw JSON log dumps |
48
+ | **Runtime Footprint** | Zero npm dependencies; built entirely on Node.js standard library | Heavy dependency trees and required container runtimes |
49
+ | **IDE Interoperability** | Native slash command and skill generation across Claude Code, Cursor, Kiro, and Antigravity | Single-environment lock-in |
50
+ | **Codebase Awareness** | Automated static profiling for frameworks (Next.js, React), ORMs (Prisma, Drizzle), and testing suites | Generic prompt wrappers lacking repository context |
51
+ | **Design Integrity** | Six-dimension anti-AI quality gate enforcing fluid typography and asymmetric layouts | Repetitive card grids and generic purple gradient templates |
52
+ | **Task Scheduling** | Directed Acyclic Graph (DAG) planner resolving dependency barriers with parallel dispatch | Monolithic single-thread code generation |
80
53
 
81
54
  ---
82
55
 
83
- ## โœฆ OneShot Website Synthesis & Anti-AI Visual Critic
56
+ <a id="quickstart"></a>
84
57
 
85
- ### The Problem: Why Generated Websites Look Generic
86
- Most AI coding tools follow a naive linear prompt pattern:
87
- ```
88
- User Prompt โ”€โ”€> AI immediately writes React/HTML code โ”€โ”€> Generic AI Slop
89
- ```
90
- This produces cookie-cutter outputs: purple mesh gradients, repeating 3-column rounded cards, fake floating glassmorphism blobs, and clichรฉ copy like *"Revolutionize your workflow"*.
91
-
92
- ### The Solution: Decouple Design Direction from Coding
93
- PixelCrew enforces a strict multi-agent creative pipeline before generating code:
94
-
95
- ```mermaid
96
- flowchart TD
97
- User["User Prompt"] --> CD["Creative Director Agent"]
98
- CD --> Direction["Creative Direction JSON (Archetype, Palette, Fonts, Negative Constraints)"]
99
- Direction --> UX["UX Planner Agent"]
100
- UX --> Topology["Asymmetric Section Topology (Hero, Bento, Manifesto, Specs, CTA)"]
101
- Topology --> DS["Design System Agent"]
102
- DS --> Tokens["Design Tokens (Fluid clamp(), Google Fonts, Tailwind Config)"]
103
- Tokens --> FE["Frontend Builder Agent"]
104
- FE --> Code["Clean HTML5 / Tailwind / Vanilla / React Code (Zero Placeholders)"]
105
- Code --> QA["Visual Critic & Anti-AI Guardian"]
106
- QA --> Review{"Rubric >= 8.5/10?"}
107
- Review -- No (Refine) --> FE
108
- Review -- Yes (Approved) --> Done["Modern Finished Website (index.html + creative-direction.json)"]
109
- ```
58
+ ## Quickstart
110
59
 
111
- ### 1. Creative Director Decision Schema
112
- Before writing code, PixelCrew determines:
113
- - **Design Archetype**: *Editorial Asymmetric Grid*, *Technical Lab*, or *Kinetic Studio*.
114
- - **Visual Personality**: High-contrast, intentional whitespace, expressive typography.
115
- - **Negative Constraints**: Strictly bans purple/blue blobs, symmetrical card grids, and placeholder copy.
60
+ ### Prerequisites
116
61
 
117
- ### 2. 6-Dimension Visual Critic Rubric ($\ge 8.5/10.0$)
118
- Every generated site is scored across a weighted human design rubric:
62
+ - Node.js >= 18.0.0
63
+ - npm >= 9.0.0
64
+ - Zero external runtime packages required
119
65
 
120
- $$\text{Final Score} = \frac{\text{Originality} + \text{Typography} + \text{Layout} + \text{Visual Hierarchy} + \text{Brand Consistency} + (10 - \text{Generic AI Penalty})}{6}$$
66
+ ### 1. Initialize a Project Workspace
121
67
 
122
- ```text
123
- โ•”โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•—
124
- โ•‘ PIXEL CREW VISUAL SCORE โ•‘
125
- โ• โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•ฃ
126
- โ•‘ Originality: 9.1 / 10 โ•‘
127
- โ•‘ Typography: 9.7 / 10 โ•‘
128
- โ•‘ Layout & Rhythm: 9.1 / 10 โ•‘
129
- โ•‘ Visual Hierarchy: 9.4 / 10 โ•‘
130
- โ•‘ Brand Consistency: 9.3 / 10 โ•‘
131
- โ•‘ Generic AI Penalty: -0.4 / 10 โ•‘
132
- โ•‘ โ•‘
133
- โ•‘ FINAL VISUAL SCORE: 9.4 / 10.0 [โœ“ APPROVED >= 8.5] โ•‘
134
- โ•šโ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•
68
+ Run initialization directly via `npx` in any project directory or greenfield workspace:
69
+
70
+ ```bash
71
+ # Preview proposed files and directories without writing to disk
72
+ npx pixelcrew init --dry-run
73
+
74
+ # Automatically configure the workspace for all detected and available AI IDEs
75
+ npx pixelcrew init --yes
76
+
77
+ # Initialize exclusively for a specific environment
78
+ npx pixelcrew init --provider claude-code
135
79
  ```
136
80
 
137
- ---
81
+ During initialization, PixelCrew performs an architectural scan of your repository, establishes `.pixel-crew/` configuration, generates agent personas adapted to your stack, and creates IDE-native slash command definitions.
138
82
 
139
- ## โšก Universal Cross-IDE Token Optimization Engine
83
+ ### 2. Configure Cross-Device Global Slash Commands
140
84
 
141
- PixelCrew includes built-in token optimization rules and metrics across all major AI coding agents:
142
- - **Claude Code**: Prefix prompt cache anchoring ($\ge 1024$ tokens) $\to$ 90% cache read discount.
143
- - **Google Antigravity**: Line-range targeted edits and subagent context encapsulation.
144
- - **Cursor / Kiro / Windsurf**: Compact rule sets ($\le 250$ tokens) and AST symbol extraction over raw files.
145
- - **GitHub Copilot**: Context pruning and structured schema validation.
85
+ To make PixelCrew slash commands available globally across all projects on your machine:
146
86
 
147
- ```text
148
- โ•”โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•—
149
- โ•‘ CROSS-IDE TOKEN OPTIMIZATION METRICS โ•‘
150
- โ• โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•ฃ
151
- โ•‘ Raw Estimated Tokens: 42,500 tokens โ•‘
152
- โ•‘ Actual Tokens Used: 11,800 tokens โ•‘
153
- โ•‘ Tokens Conserved: 30,700 tokens (72% Savings) โ•‘
154
- โ•‘ Active Strategy: AST Skeletons + Pruned Boundaries โ•‘
155
- โ•šโ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•
87
+ ```bash
88
+ # Distribute command files and skills to global user directories (~/.claude, ~/.cursor, ~/.gemini, ~/.kiro)
89
+ npx pixelcrew install --global
90
+
91
+ # Verify installation health across all providers
92
+ npx pixelcrew doctor
156
93
  ```
157
94
 
158
- ---
95
+ ### 3. Launch the Orchestration Server and Visual Dashboard
159
96
 
160
- ## ๐Ÿ’ก The Paradigm: Why PixelCrew?
161
-
162
- Traditional AI agent tooling runs inside black-box terminal loops: you type a prompt, wait minutes in silence, and hope the agent doesn't hallucinate or clobber your codebase.
163
-
164
- **PixelCrew turns the invisible execution loop into an observable, choreographed engineering office.**
165
-
166
- ```mermaid
167
- flowchart TD
168
- UserPrompt["Developer Prompt / Objective"] --> Analyzer["Codebase Static Analyzer\n(Scans Frameworks, ORMs, Testing)"]
169
- Analyzer --> ContextCache[".pixel-agents/context.json\n(Project DNA & Architecture Profile)"]
170
- ContextCache --> Orchestrator["Orchestrator Engine (DAG Task Planner)"]
171
-
172
- subgraph Swarm ["Autonomous Agent Swarm"]
173
- Orchestrator --> FE["Frontend Engineer (React 19 / Next.js)"]
174
- Orchestrator --> BE["Backend Architect (REST / gRPC / Auth)"]
175
- Orchestrator --> DB["Database DBA (Postgres / Prisma / Drizzle)"]
176
- Orchestrator --> SEC["Security Sentinel (OWASP / RLS)"]
177
- Orchestrator --> PERF["Performance SRE (CWV / Profiling)"]
178
- Orchestrator --> QA["QA Automation (Vitest / Playwright)"]
179
- end
180
-
181
- Swarm --> Telemetry["Event Pipeline (SSE & Append-only JSONL)"]
182
- Telemetry --> Canvas["Floor 42 2D Canvas Dashboard\n(Procedural Sprites, CRT Shader, Web Audio SFX)"]
183
- Telemetry --> IDESync["IDE Telemetry Feedback (Antigravity, Cursor, Claude)"]
184
- ```
97
+ ```bash
98
+ # Launch local daemon on default port 4747 and open the browser dashboard
99
+ npx pixelcrew start
185
100
 
186
- ### Core Innovations
187
- - **Zero Runtime Dependencies**: Pure Node.js ESM orchestrator with lightweight HTML5/CSS/Canvas. No bloated node_modules. Instant launch.
188
- - **Codebase Context Adaptation**: Auto-discovers frameworks (Next.js, Vite, React, Vue), ORMs (Prisma, Drizzle), and test runners (Vitest, Playwright) to tailor agent permissions and skill injection.
189
- - **Bi-Directional Telemetry**: Accepts event streams over CLI flags, HTTP REST endpoints (`/api/emit`), and append-only `.pixel-agents/events.jsonl` files.
190
- - **Floor 42 Office Engine**: Procedural 2D canvas with CRT scanline simulation, daytime/night-mode cyberpunk lighting, and retro 8-bit Web Audio chimes.
101
+ # Run headless or bind to a custom port
102
+ npx pixelcrew start --port 8080 --no-open
103
+ ```
191
104
 
192
- ---
105
+ ### 4. Execute Multi-Agent Synthesis
193
106
 
194
- ## ๐Ÿง  The 8 Engineering Skill Pillars
107
+ Generate an application or execute a structured sprint:
195
108
 
196
- PixelCrew equips agents with production-grade engineering skill modules located under `.agents/skills/` (and mirrored to `.pixel-agents/skills/`):
109
+ ```bash
110
+ # Run full multi-agent synthesis pipeline from natural language specification
111
+ npx pixelcrew assemble "Build a modern analytics dashboard with dark theme and API routes"
197
112
 
198
- ### 1. `design-director`
199
- Lead creative direction and authentic visual personality engine. Decouples artistic strategy, typographic clamp scales, and negative constraints before frontend code generation.
113
+ # Generate section topology and task DAG without writing code
114
+ npx pixelcrew blueprint "High-throughput customer billing platform"
200
115
 
201
- ### 2. `anti-ai-patterns`
202
- Strict Anti-AI-Generated Design Critic and Quality Guardian. Automatically detects purple mesh gradients, repeating 3-card grids, and clichรฉ copy, enforcing intentional asymmetry and brand-specific visual language.
116
+ # View token-optimized git activity changelog
117
+ npx pixelcrew recap
118
+ ```
203
119
 
204
- ### 3. `token-efficiency`
205
- Universal token optimization and context conservation engine across Claude, Google Antigravity, Cursor, Kiro, Windsurf, and Copilot. Slashes token usage by 50% to 75% through AST symbol extraction, prompt caching, and boundary pruning.
120
+ ---
206
121
 
207
- ### 4. `codebase-intelligence`
208
- Static analysis and project adaptation. Automatically inspects repository dependencies, directory structures, ORMs, API routes, and testing runners to ground every subagent in current architectural patterns.
122
+ <a id="floor-42-slash-commands-suite"></a>
209
123
 
210
- ### 5. `frontend-engineering`
211
- Modern frontend architecture across React 19, Next.js App Router, Vue 3, Svelte 5, and vanilla CSS. Enforces strict anti-slop design rules, fluid `clamp()` typography, semantic HTML, and WCAG AA accessibility compliance.
124
+ ## Floor 42 Slash Commands Suite
212
125
 
213
- ### 6. `backend-engineering`
214
- Enterprise backend standards: Clean Architecture, Hexagonal / Ports & Adapters, OpenAPI 3.1, RFC 7807 error envelopes, sliding-window rate limiting, idempotency key middleware, and OAuth 2.1 / PASETO security.
126
+ PixelCrew provides 24 specialized slash commands that can be typed directly into your AI IDE chat interface (Claude Code CLI, Cursor Chat, Kiro AI, Google Antigravity) or invoked from your terminal via `npx pixelcrew <command>`.
215
127
 
216
- ### 7. `database-engineering`
217
- Advanced query tuning and indexing: B-Tree, GIN, GiST, BRIN, composite indexing column order, EXPLAIN ANALYZE interpretation, UUIDv7 vs ULID primary keys, Row-Level Security (RLS) isolation, and connection pooling.
128
+ To browse the interactive command menu at any time:
129
+ ```bash
130
+ # Display the complete command catalog in your terminal
131
+ npx pixelcrew /
132
+ npx pixelcrew commands
133
+ ```
218
134
 
219
- ### 8. `performance-engineering`
220
- Full-stack profiling: Core Web Vitals (LCP, INP, CLS), main-thread yielding, streaming SSR, multi-tier caching (L1 in-memory, L2 Redis, L3 CDN), database connection pool sizing, and automated k6 stress testing.
135
+ ### Creation and Architecture
136
+
137
+ | Command | Aliases | Description |
138
+ |:---|:---|:---|
139
+ | `/assemble` | `/fullstack`, `/build-app`, `/make-app` | Dispatches the complete 16-step multi-agent sprint pipeline from brand direction to full-stack code synthesis. |
140
+ | `/blueprint` | `/plan-app`, `/architecture`, `/spec` | Generates section topology, schema definitions, and task dependency DAG without generating code. |
141
+ | `/oneshot` | `/make`, `/generate` | Rapid single-prompt website and component synthesis with creative direction constraints. |
142
+ | `/manifest` | `/agents`, `/crew-status` | Displays active agent personas, assigned skills, and file system permission boundaries. |
143
+ | `/retrofit` | `/modernize`, `/upgrade` | Inspects legacy component code, extracts inline styles into design tokens, and restructures layouts. |
144
+ | `/init` | `/setup`, `/bootstrap` | Scans workspace dependencies, generates `.pixel-crew/` configuration, and adapts agent prompts. |
145
+
146
+ ### Retro Aesthetic and Anti-AI Direction
147
+
148
+ | Command | Aliases | Description |
149
+ |:---|:---|:---|
150
+ | `/render` | `/art-direction`, `/visual-style` | Applies bespoke typography pairings, high-contrast surface tiers, and distinctive brand aesthetics. |
151
+ | `/8bit` | `/pixel-art`, `/retro` | Injects retro 8-bit styling, pixelated border treatments, and arcade monospace typography. |
152
+ | `/chromatic` | `/cyberpunk`, `/neon` | Applies high-contrast cyberpunk color schemes, duotone accents, and darkroom styling. |
153
+ | `/bento` | `/grid`, `/cards` | Reorganizes uniform content sections into dynamic, asymmetrical Bento grid arrangements. |
154
+ | `/de-slop` | `/anti-ai`, `/clean` | Scans and strips generic AI design tropes (purple gradient blobs, uniform 3-card layouts, clichรฉ copywriting). |
155
+ | `/typeset` | `/typography`, `/fonts` | Applies mathematical fluid typography using CSS `clamp()` scales from body text to display headings. |
156
+ | `/polish` | `/refine`, `/tune` | Inspects micro-interactions, hover states, transitions, and accessibility contrast compliance. |
157
+ | `/animate` | `/motion`, `/transitions` | Introduces purposeful CSS micro-animations and entrance reveals while respecting reduced motion preferences. |
158
+ | `/bolder` | `/high-contrast`, `/loud` | Increases contrast ratios, heading weight, border definitions, and visual punch. |
159
+ | `/quieter` | `/minimal`, `/subtle` | Softens borders, reduces accent saturation, and expands whitespace for minimal editorial presentations. |
160
+
161
+ ### Production Hardening and SRE
162
+
163
+ | Command | Aliases | Description |
164
+ |:---|:---|:---|
165
+ | `/sentinel` | `/security`, `/harden` | Runs automated security checks covering OWASP Top 10 vulnerabilities, authentication posture, and security headers. |
166
+ | `/boss-fight` | `/debug-swarm`, `/swarm-fix` | Deploys specialized agents to isolate and resolve complex multi-file bugs and build failures. |
167
+ | `/warp` | `/performance`, `/speed` | Profiles Core Web Vitals (LCP, INP, CLS), bundle dimensions, and server-side streaming efficiency. |
168
+ | `/calibrate` | `/benchmark`, `/eval` | Evaluates synthesized code against quality thresholds for accessibility, performance, and type safety. |
169
+ | `/audit` | `/inspect`, `/health` | Conducts holistic architecture, dependency, and security audits across the codebase. |
170
+ | `/overdrive` | `/stress-test`, `/load` | Analyzes endpoint resilience, connection pooling, and rate-limiting behaviors under load. |
171
+
172
+ ### Floor 42 Operations and Session Management
173
+
174
+ | Command | Aliases | Description |
175
+ |:---|:---|:---|
176
+ | `/recap` | `/summary`, `/changelog`, `/whatdone` | Generates a compact, token-optimized git activity changelog and session summary without prompt overhead. |
177
+ | `/office` | `/dashboard`, `/hq` | Displays real-time Floor 42 workstation telemetry, agent occupancy, and background daemon status. |
178
+ | `/roster` | `/team`, `/who` | Lists agent specialization matrices, active assignments, and runtime capabilities. |
179
+ | `/onboard` | `/quickstart`, `/tour` | Interactive walkthrough introducing multi-agent workflows and command shortcuts. |
180
+ | `/distill` | `/compact`, `/shrink` | Prunes redundant multi-turn chat context to preserve prompt token limits. |
181
+ | `/commands` | `/slash-commands`, `/help`, `/menu` | Displays the complete Floor 42 command catalog, syntax rules, and IDE integration details. |
221
182
 
222
183
  ---
223
184
 
224
- ## ๐Ÿ› ๏ธ Cross-Harness Installation & IDE Setup
185
+ <a id="cross-ide-integration-architecture"></a>
225
186
 
226
- PixelCrew integrates seamlessly with all leading AI coding assistants and agent environments:
187
+ ## Cross-IDE Integration Architecture
227
188
 
228
- ### Google Antigravity IDE (Recommended)
229
- Register PixelCrew globally so Antigravity agents automatically stream to your visual office:
189
+ PixelCrew is designed to eliminate provider lock-in. When commands or skills are installed, PixelCrew translates them into the native discovery format expected by each target editor.
230
190
 
231
- ```bash
232
- # Register global plugin
233
- mkdir -p ~/.gemini/config/plugins/pixel-agents/skills/pixel-agents
234
- cp plugins/plugin.json ~/.gemini/config/plugins/pixel-agents/
235
- cp .agents/skills/pixel-agents/SKILL.md ~/.gemini/config/plugins/pixel-agents/skills/pixel-agents/
191
+ ```text
192
+ โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
193
+ โ”‚ PIXEL CREW CORE โ”‚
194
+ โ”‚ FLOOR 42 COMMAND SUITE โ”‚
195
+ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
196
+ โ”‚
197
+ โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ดโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
198
+ โ”‚ โ”‚ โ”‚ โ”‚
199
+ โ–ผ โ–ผ โ–ผ โ–ผ
200
+ โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
201
+ โ”‚ CLAUDE CODE โ”‚ โ”‚ CURSOR IDE โ”‚ โ”‚ KIRO AI โ”‚ โ”‚ GOOGLE ANTIGRAVITY โ”‚
202
+ โ”‚ โ”‚ โ”‚ โ”‚ โ”‚ โ”‚ โ”‚ โ”‚
203
+ โ”‚ โ€ข .claude/commands/ โ”‚ โ”‚ โ€ข .cursor/commands/ โ”‚ โ”‚ โ€ข .kiro/workflows/ โ”‚ โ”‚ โ€ข AGENTS.md โ”‚
204
+ โ”‚ *.md (with YAML & โ”‚ โ”‚ *.md โ”‚ โ”‚ *.md โ”‚ โ”‚ โ€ข GEMINI.md โ”‚
205
+ โ”‚ $ARGUMENTS) โ”‚ โ”‚ โ€ข .cursor/rules/ โ”‚ โ”‚ โ€ข .kiro/prompts/ โ”‚ โ”‚ โ€ข .agents/rules/ โ”‚
206
+ โ”‚ โ€ข CLAUDE.md โ”‚ โ”‚ pixelcrew.mdc โ”‚ โ”‚ *.md โ”‚ โ”‚ pixelcrew.md โ”‚
207
+ โ”‚ โ€ข .claude-plugin/ โ”‚ โ”‚ โ€ข .cursorrules โ”‚ โ”‚ โ€ข .kirorules โ”‚ โ”‚ โ€ข .agents/skills/ โ”‚
208
+ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
236
209
  ```
237
210
 
238
- Whenever you prompt inside Antigravity:
239
- > *"Synthesize a modern website for an AI architecture lab using PixelCrew"*
211
+ ### Editor Discovery Formats
240
212
 
241
- The agent automatically loads the skill, executes the task, and streams live sprite animations and status logs to your browser.
213
+ 1. **Anthropic Claude Code**
214
+ - Individual slash commands are written to `.claude/commands/<command>.md` (workspace) and `~/.claude/commands/<command>.md` (global).
215
+ - Each command file includes YAML frontmatter describing its behavior and embeds `$ARGUMENTS` to capture user input passed after the slash command.
216
+ - Comprehensive workspace instructions are placed in `CLAUDE.md`.
242
217
 
243
- ---
218
+ 2. **Cursor IDE**
219
+ - Command specifications are generated under `.cursor/commands/<command>.md`.
220
+ - Structural coding rules and anti-AI-slop constraints are established in `.cursor/rules/pixelcrew.mdc` and `.cursorrules`.
244
221
 
245
- ### Claude Code
246
- Install project-locally or link globally:
222
+ 3. **Kiro AI**
223
+ - Prompts are generated in `.kiro/prompts/<command>.md` and registered as workflows in `.kiro/workflows/<command>.md`.
224
+ - Operational boundaries and rules are configured in `.kirorules` and `.kiro/rules/pixelcrew.md`.
247
225
 
248
- ```bash
249
- # Project-local install
250
- mkdir -p .claude/skills/pixel-agents
251
- cp .agents/skills/pixel-agents/SKILL.md .claude/skills/pixel-agents/
252
- ```
226
+ 4. **Google Antigravity and Universal Coding Agents**
227
+ - Instructions and persona roles are generated in `AGENTS.md` and `GEMINI.md`.
228
+ - Global and workspace rules are maintained in `.agents/rules/pixelcrew.md`.
229
+ - Standardized capabilities are distributed to `.agents/skills/<skill>/SKILL.md`.
230
+
231
+ ### Clean Greenfield Installation Behavior
232
+
233
+ When running `pixelcrew init --yes` on a new computer or clean environment:
234
+ - If an ambient IDE is detected via environment variables (e.g., `CLAUDE_CODE`, `CURSOR_VERSION`, `KIRO`), PixelCrew targets that environment.
235
+ - If existing workspace markers are detected, those specific editor configurations are generated.
236
+ - If global IDE directories exist in the user home directory (`~/.claude`, `~/.cursor`, `~/.kiro`, `~/.gemini`), PixelCrew configures files for all detected editors.
237
+ - If no specific IDE is present and `--yes` is used without an explicit `--provider` flag, PixelCrew defaults to generating universal support across all environments. If the user passes `--provider none`, clean CLI mode is used without external IDE files.
253
238
 
254
239
  ---
255
240
 
256
- ### Cursor IDE
257
- Add to your project's agent rules or skills:
241
+ <a id="agent-roster-and-state-machine"></a>
258
242
 
259
- ```bash
260
- mkdir -p .cursor/skills/pixel-agents
261
- cp .agents/skills/pixel-agents/SKILL.md .cursor/skills/pixel-agents/
262
- ```
243
+ ## Agent Roster and State Machine
263
244
 
264
- *Ensure Agent Skills are enabled under Cursor Settings โ†’ Beta.*
245
+ PixelCrew provisions 7 specialized agents with distinct domain boundaries, filesystem permissions, and operational responsibilities:
265
246
 
266
- ---
247
+ | Agent Persona | Color Tag | Specialization | Core Responsibilities |
248
+ |:---|:---|:---|:---|
249
+ | **Orchestrator** | Purple | Lead Systems Architect | Analyzes user requests, constructs DAG dependency graphs, coordinates sprint checkpoints, and validates architectural compliance. |
250
+ | **Frontend Engineer** | Cyan | UI/UX & Interactivity | Synthesizes responsive React and Next.js App Router components, fluid typography, CSS architecture, and accessible micro-interactions. |
251
+ | **Backend Engineer** | Magenta | APIs & Business Logic | Builds route handlers, server actions, data schemas, authentication middleware, validation layers, and external service adapters. |
252
+ | **Database Architect** | Gold | Data Layer & Persistence | Designs relational database schemas, migrations, ORM entity definitions (Prisma, Drizzle), and indexing strategies. |
253
+ | **Security Sentinel** | Red | Security & Audit | Evaluates authorization flows, CSRF protection, input sanitation, dependency vulnerabilities, and security header configurations. |
254
+ | **Performance SRE** | Green | Optimization & Core Web Vitals | Inspects Largest Contentful Paint (LCP), Interaction to Next Paint (INP), Cumulative Layout Shift (CLS), code splitting, and caching. |
255
+ | **QA Automation** | Purple | Verification & Testing | Generates automated test suites (unit, integration, end-to-end), validates regression resistance, and audits accessibility compliance. |
267
256
 
268
- ### OpenAI Codex CLI
269
- Install project-locally with native hook support:
257
+ ### Deterministic Lifecycle States
270
258
 
271
- ```bash
272
- mkdir -p .agents/skills
273
- cp -r .agents/skills/* .agents/skills/
259
+ ```text
260
+ [IDLE]
261
+ โ”‚
262
+ โ”œโ”€โ–บ User submits task or slash command
263
+ โ”‚
264
+ [ANALYZING]
265
+ โ”‚ โ€ข Reads codebase context and project manifest
266
+ โ”‚ โ€ข Evaluates file boundaries and dependencies
267
+ โ”‚
268
+ [WORKING]
269
+ โ”‚ โ€ข Generates code, configuration, or documentation
270
+ โ”‚ โ€ข Emits live telemetry events to events.jsonl and dashboard
271
+ โ”‚
272
+ [VERIFYING]
273
+ โ”‚ โ€ข Runs automated tests, syntax linting, and quality scoring
274
+ โ”‚ โ€ข Validates anti-slop rubric thresholds
275
+ โ”‚
276
+ [COMPLETED]
277
+ โ€ข Emits task completion event
278
+ โ€ข Returns agent workstation to idle state
274
279
  ```
275
280
 
276
281
  ---
277
282
 
278
- ### GitHub Copilot / Grok Build / Gemini CLI / Trae / OpenCode
279
- Copy the `.agents/skills/` directory into your tool's native skills folder:
280
- - **GitHub Copilot**: `.github/skills/pixel-agents/`
281
- - **Gemini CLI**: `~/.gemini/config/skills/pixel-agents/`
282
- - **Grok Build**: `.grok/skills/pixel-agents/`
283
- - **Trae**: `~/.trae/skills/` or `~/.trae-cn/skills/`
283
+ <a id="architecture"></a>
284
284
 
285
- ---
285
+ ## Architecture
286
+
287
+ PixelCrew is implemented with a strictly modular architecture containing zero third-party runtime dependencies. All functionality relies directly on Node.js standard library APIs (`node:http`, `node:events`, `node:fs/promises`, `node:path`, `node:child_process`, `node:crypto`).
288
+
289
+ ```text
290
+ โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
291
+ โ”‚ DEVELOPER WORKSPACE โ”‚
292
+ โ”‚ CLI: npx pixelcrew <cmd> โ”‚ IDE: /assemble, /blueprint, etc. โ”‚
293
+ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
294
+ โ”‚
295
+ โ–ผ
296
+ โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
297
+ โ”‚ ORCHESTRATION DAEMON โ”‚
298
+ โ”‚ โ”‚
299
+ โ”‚ โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”‚
300
+ โ”‚ โ”‚ Codebase Profiler โ”‚ โ”‚ DAG Task Graph โ”‚ โ”‚ Parallel โ”‚ โ”‚
301
+ โ”‚ โ”‚ โ”‚ โ”‚ โ”‚ โ”‚ Concurrency โ”‚ โ”‚
302
+ โ”‚ โ”‚ Detects runtime, โ”‚ โ”‚ Decomposes tasks, โ”‚ โ”‚ Limiter โ”‚ โ”‚
303
+ โ”‚ โ”‚ frameworks, ORMs, โ”‚ โ”‚ resolves barriers,โ”‚ โ”‚ Dispatches tasks โ”‚ โ”‚
304
+ โ”‚ โ”‚ and test runners โ”‚ โ”‚ prevents cycles โ”‚ โ”‚ across slots โ”‚ โ”‚
305
+ โ”‚ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ”‚
306
+ โ”‚ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ผโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ”‚
307
+ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
308
+ โ”‚
309
+ โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ดโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
310
+ โ–ผ โ–ผ
311
+ โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ” โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
312
+ โ”‚ EVENT PIPELINE โ”‚ โ”‚ MULTI-AGENT SWARM โ”‚
313
+ โ”‚ โ”‚ โ”‚ โ”‚
314
+ โ”‚ โ€ข Append-only events.jsonl โ”‚ โ”‚ โ€ข 7 Persona State Machines โ”‚
315
+ โ”‚ โ€ข Server-Sent Events (SSE) stream โ”‚โ—„โ”€โ”€โ”ค โ€ข Filesystem Permission Gates โ”‚
316
+ โ”‚ โ€ข REST Dispatch (/api/emit) โ”‚ โ”‚ โ€ข Floor 42 Workstation Sprites โ”‚
317
+ โ”‚ โ€ข Token Telemetry Collector โ”‚ โ”‚ โ€ข Context Pruning Engine โ”‚
318
+ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ฌโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
319
+ โ”‚
320
+ โ–ผ
321
+ โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
322
+ โ”‚ PIXEL CORPS HQ DASHBOARD โ”‚
323
+ โ”‚ โ”‚
324
+ โ”‚ โ€ข 960x420 HTML5 Double-Buffered โ”‚
325
+ โ”‚ โ€ข Web Audio API Synthesizer โ”‚
326
+ โ”‚ โ€ข Live #engineering-feed Stream โ”‚
327
+ โ”‚ โ€ข Token Usage & Cost Scorecard โ”‚
328
+ โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
329
+ ```
330
+
331
+ ### Zero Runtime Dependencies
332
+
333
+ PixelCrew enforces a strict zero-dependency policy for runtime code:
286
334
 
287
- ## ๐Ÿ’ป CLI Terminal Reference
288
-
289
- | Command | Action | Example |
290
- | :--- | :--- | :--- |
291
- | `npx pixelcrew oneshot "<prompt>"` | **Synthesizes modern website with Visual Critic loop** | `npx pixelcrew oneshot "Dark editorial AI studio"` |
292
- | `npx pixelcrew start` | Launches orchestrator, SSE stream, and web dashboard | `npx pixelcrew start --port 4747` |
293
- | `npx pixelcrew init` | Scaffolds `.pixel-agents/` and adapts to repository | `npx pixelcrew init --yes` |
294
- | `npx pixelcrew analyze` | Prints detected frameworks, database, ORM, and test stack | `npx pixelcrew analyze` |
295
- | `npx pixelcrew demo` | Launches an interactive multi-agent simulated sprint | `npx pixelcrew demo` |
296
- | `npx pixelcrew task "<text>"` | Dispatches a direct objective to the running agent swarm | `npx pixelcrew task "Optimize SQL queries"` |
297
- | `npx pixelcrew emit [flags]` | Emits a custom telemetry event into the stream | `npx pixelcrew emit --agent db --message "Done"` |
298
- | `npx pixelcrew dashboard` | Opens or serves the standalone Floor 42 dashboard UI | `npx pixelcrew dashboard` |
299
- | `npx pixelcrew status` | Prints ASCII summary of swarm states and active sprints | `npx pixelcrew status` |
300
- | `npx pixelcrew help` | Displays full CLI manual and flag details | `npx pixelcrew help` |
301
-
302
- ### CLI Options & Flags:
303
- - `--target <framework>`: Target framework for OneShot (`vanilla`, `nextjs`)
304
- - `--out <dir>`: Custom destination directory for generated site (default: `./generated-site`)
305
- - `--port <number>`: Dashboard port (default: `4747`)
306
- - `--no-open`: Prevents auto-launching browser on startup
307
- - `--yes`, `-y`: Bypasses interactive prompts during initialization
308
- - `--agent <name>`: Target agent for event emission (`frontend`, `backend`, `database`, `security`, `performance`, `qa`, `creativeDirector`, `uxPlanner`, `designSystem`, `visualCritic`)
309
- - `--type <type>`: Event category (`spawn`, `thinking`, `tool`, `skill`, `complete`, `error`)
310
- - `--message <text>`: Description payload for the event log
311
- - `--skill <name>`: Skill tag associated with the action
335
+ | Capability | Standard Library Module | Implementation Role |
336
+ |:---|:---|:---|
337
+ | Web Server & SSE | `node:http` | Serves dashboard assets, REST API, and Server-Sent Events stream |
338
+ | Filesystem I/O | `node:fs/promises`, `node:fs` | Atomic read/write operations, directory trees, and events logging |
339
+ | Event Bus | `node:events` | Internal decoupled pub/sub message pipeline |
340
+ | Path Resolution | `node:path`, `node:url` | Cross-platform file path normalization |
341
+ | Process Execution | `node:child_process` | Git execution and toolchain diagnostic execution |
342
+ | Cryptography | `node:crypto` | Session IDs, task hashes, and unique event identifiers |
343
+ | System Diagnostics | `node:os` | CPU profiling, user home path resolution, platform detection |
344
+ | Test Harness | `node:test`, `node:assert` | Comprehensive automated unit, integration, and E2E test suites |
312
345
 
313
346
  ---
314
347
 
315
- ## ๐ŸŽฎ Dashboard Controls & Keybindings
316
-
317
- | Key / Control | Function | Description |
318
- | :--- | :--- | :--- |
319
- | `[O]` | **OneShot Studio** | Opens the interactive OneShot Multi-Agent Synthesis studio |
320
- | `[R]` | **Audit Reports** | Toggles the comprehensive multi-agent audit reports drawer |
321
- | `[SPACE]` | **Launch Demo** | Boots the swarm and runs a simulated multi-agent sprint |
322
- | `[1] - [6]` | **Agent Inspector** | Opens the dedicated status drawer and permissions for agents 1 through 6 |
323
- | `[ESC]` | **Close Modals** | Closes any active OneShot studio, reports drawer, or inspector modal |
324
- | `CRT Button` | **Scanline Shader** | Toggles retro arcade phosphor scanlines and vignette effect |
325
- | `NIGHT Button` | **Cyberpunk Shift** | Switches between warm day office and neon cyberpunk night lighting |
326
- | `SFX Button` | **Web Audio Synth** | Toggles procedural 8-bit chip-tune feedback sounds |essage "Done"` |
327
- | `npx pixelcrew dashboard` | Opens or serves the standalone Floor 42 dashboard UI | `npx pixelcrew dashboard` |
328
- | `npx pixelcrew status` | Prints ASCII summary of swarm states and active sprints | `npx pixelcrew status` |
329
- | `npx pixelcrew help` | Displays full CLI manual and flag details | `npx pixelcrew help` |
330
-
331
- ### CLI Options & Flags:
332
- - `--port <number>`: Dashboard port (default: `4747`)
333
- - `--no-open`: Prevents auto-launching browser on startup
334
- - `--yes`, `-y`: Bypasses interactive prompts during initialization
335
- - `--agent <name>`: Target agent for event emission (`frontend`, `backend`, `database`, `security`, `performance`, `qa`)
336
- - `--type <type>`: Event category (`spawn`, `thinking`, `tool`, `skill`, `complete`, `error`)
337
- - `--message <text>`: Description payload for the event log
338
- - `--skill <name>`: Skill tag associated with the action
348
+ <a id="visual-dashboard"></a>
349
+
350
+ ## Visual Dashboard โ€” Floor 42
351
+
352
+ The PixelCrew dashboard renders an interactive 2D pixel-art startup office running at 60 FPS using an HTML5 Canvas with hardware-accelerated double buffering.
353
+
354
+ ### Key Capabilities
355
+
356
+ - **Workstation Matrix**: 8 dedicated office pods representing each agent's active desk, computer monitors, and status beacons.
357
+ - **Procedural Character Sprites**: Distinct pixel characters that visually transition between idle breathing, active typing, test verification, and completion states.
358
+ - **Engineering Activity Stream**: A live Slack-style activity log (`#engineering-feed`) displaying real-time events, modified file paths, and build statuses.
359
+ - **Synthesized 8-Bit Audio Engine**: Procedural chiptune sound effects generated directly via the Web Audio API without external audio files.
360
+ - **Token Telemetry Monitor**: Visual tracking of input/output token volume, estimated cost savings, and context pruning efficiency.
361
+ - **Keyboard Shortcuts**:
362
+ - `[O]` Open OneShot Studio
363
+ - `[R]` View Audit & Security Reports
364
+ - `[1-7]` Inspect individual agent status and skill cards
365
+ - `[SPACE]` Run interactive multi-agent demonstration sprint
366
+ - `[ESC]` Dismiss modal overlays
339
367
 
340
368
  ---
341
369
 
342
- ## ๐Ÿ“‚ Workspace Manifest & Architecture
370
+ <a id="anti-ai-design-guardian"></a>
343
371
 
344
- Initializing PixelCrew creates a self-contained `.pixel-agents/` control directory in your repository:
372
+ ## Anti-AI Design Guardian
345
373
 
346
- ```
347
- your-project/
348
- โ”œโ”€โ”€ .pixel-agents/
349
- โ”‚ โ”œโ”€โ”€ config.json # Swarm concurrency, agent permissions, and dashboard settings
350
- โ”‚ โ”œโ”€โ”€ context.json # Cached static analysis of frameworks, ORMs, and paths
351
- โ”‚ โ”œโ”€โ”€ state.json # Real-time state of every agent persona
352
- โ”‚ โ”œโ”€โ”€ events.jsonl # Append-only persistent telemetry event log
353
- โ”‚ โ”œโ”€โ”€ agents/ # Specialized agent persona definitions
354
- โ”‚ โ””โ”€โ”€ skills/ # Grounded engineering skill markdown manuals
355
- โ”œโ”€โ”€ .pixel-dashboard/ # Zero-dependency HTML5 canvas visual office bundle
356
- โ”œโ”€โ”€ DESIGN.md # Visual tokens, canvas coordinate engine & audio specs
357
- โ”œโ”€โ”€ PRODUCT.md # Product vision, technical roadmap, and architectural goals
358
- โ””โ”€โ”€ README.md
374
+ To ensure synthesized user interfaces maintain genuine production quality and avoid generic AI design patterns, PixelCrew includes an automated Anti-AI Quality Gate. Generated pages are evaluated across a six-dimension scoring rubric:
375
+
376
+ ```text
377
+ Final Score = (Originality + Typography + Layout + Visual Hierarchy + Brand Consistency + (10 - Generic AI Penalty)) / 6
359
378
  ```
360
379
 
361
- ---
380
+ **Passing Threshold**: >= 8.5 / 10.0
381
+
382
+ ### Explicitly Blocked Design Patterns
383
+
384
+ - Repetitive, blurred cyan-and-purple gradient blobs placed on flat black surfaces.
385
+ - Uniform, symmetrical 3-card repeating grids with identical dimensions.
386
+ - Generic marketing copy (*"Unlock the power of AI"*, *"Seamlessly elevate your workflow"*).
387
+ - Nested card-in-card containers with redundant padding and border clutter.
388
+ - Reliance on default system fonts without curated typographic scales.
389
+ - Decorative, non-functional pill badges placed above headings.
362
390
 
363
- ## ๐ŸŽฎ Dashboard Controls & Keybindings
391
+ ### Curated Design Archetypes
364
392
 
365
- | Key / Control | Function | Description |
366
- | :--- | :--- | :--- |
367
- | `[O]` | **OneShot Studio** | Opens the interactive OneShot Multi-Agent Synthesis studio |
368
- | `[R]` | **Audit Reports** | Toggles the comprehensive multi-agent audit reports drawer |
369
- | `[SPACE]` | **Launch Demo** | Boots the swarm and runs a simulated multi-agent sprint |
370
- | `[1] - [6]` | **Agent Inspector** | Opens the dedicated status drawer and permissions for agents 1 through 6 |
371
- | `[ESC]` | **Close Modals** | Closes any active OneShot studio, reports drawer, or inspector modal |
372
- | `CRT Button` | **Scanline Shader** | Toggles retro arcade phosphor scanlines and vignette effect |
373
- | `NIGHT Button` | **Cyberpunk Shift** | Switches between warm day office and neon cyberpunk night lighting |
374
- | `SFX Button` | **Web Audio Synth** | Toggles procedural 8-bit chip-tune feedback sounds |
393
+ | Archetype | Display Font | Body Font | Color Strategy | Spatial Layout |
394
+ |:---|:---|:---|:---|:---|
395
+ | **Editorial Asymmetric** | *Instrument Serif* | *Plus Jakarta Sans* | Off-black, Warm Cream, Amber accent | 7:5 asymmetric columns, overlapping boundaries |
396
+ | **Technical Lab** | *Space Grotesk* | *JetBrains Mono* | Deep Obsidian, Steel, Emerald signal | Monospaced metrics, terminal containers |
397
+ | **Kinetic Studio** | *Syne* | *DM Sans* | Pure Void, High-contrast Stark White, Electric Cyan | High-impact scale contrast, Bento matrices |
375
398
 
376
399
  ---
377
400
 
378
- ## ๐Ÿงช Development & Testing
401
+ <a id="cli-reference"></a>
379
402
 
380
- Run unit tests across the orchestrator engine, scaffolders, and server endpoints:
403
+ ## CLI Reference
381
404
 
382
405
  ```bash
383
- # Clone the repository
384
- git clone https://github.com/hiroqt/PixelCrew.git
385
- cd PixelCrew
386
-
387
- # Run the zero-dependency test suite
388
- npm test
406
+ npx pixelcrew <command> [arguments] [flags]
389
407
  ```
390
408
 
409
+ ### Primary Commands
410
+
411
+ | Command | Arguments | Description |
412
+ |:---|:---|:---|
413
+ | `init` | `[targetDir]` | Analyzes codebase and bootstraps `.pixel-crew/` configuration. |
414
+ | `start` | | Launches orchestration daemon and opens the visual dashboard. |
415
+ | `assemble` | `"<prompt>"` | Executes end-to-end software synthesis pipeline. |
416
+ | `blueprint` | `"<prompt>"` | Generates architecture specifications and dependency DAGs without generating code. |
417
+ | `oneshot` | `"<prompt>"` | Rapid application synthesis using tailored creative direction. |
418
+ | `recap` | `[commitCount]` | Summarizes recent git activity into a token-optimized changelog. |
419
+ | `doctor` | | Runs system diagnostic checks across Node.js, Git, and installed AI IDEs. |
420
+ | `status` | | Outputs running agent statuses, active tasks, and server health. |
421
+ | `install` | | Distributes agent skills to workspace or global IDE directories. |
422
+ | `add` | `<skillId>` | Adds a specific skill to designated provider directories. |
423
+ | `sync` | | Synchronizes installed skills across all active IDE environments. |
424
+ | `commands` | `[category]` | Displays the Floor 42 command catalog and syntax guide. |
425
+ | `stop` | | Gracefully terminates background orchestration server. |
426
+
427
+ ### Configuration Flags
428
+
429
+ | Flag | Type | Default | Description |
430
+ |:---|:---|:---|:---|
431
+ | `--dry-run` | Boolean | `false` | Previews planned file operations without writing to disk. |
432
+ | `--yes`, `-y` | Boolean | `false` | Bypasses interactive confirmation prompts. |
433
+ | `--provider <name>` | String | `all` | Specifies target provider (`claude-code`, `cursor`, `kiro`, `antigravity`, `all`, `none`). |
434
+ | `--global` | Boolean | `false` | Targets user-level configuration directories instead of current repository. |
435
+ | `--target <tech>` | String | `nextjs` | Sets target generation framework (`nextjs`, `vanilla`). |
436
+ | `--port <number>` | Number | `4747` | Port for local orchestration server and dashboard. |
437
+ | `--no-open` | Boolean | `false` | Suppresses automatic browser launch when running `start`. |
438
+ | `--out <directory>` | String | `.` | Destination path for synthesized application code. |
439
+
391
440
  ---
392
441
 
393
- ## ๐Ÿ“š Documentation & Specifications
442
+ <a id="testing"></a>
443
+
444
+ ## Testing
445
+
446
+ PixelCrew includes an automated test suite implemented directly on Node.js native `node:test` and `node:assert` modules.
447
+
448
+ ```bash
449
+ # Run the automated test suite
450
+ node --test tests/commands-discovery.e2e.test.js tests/commands.test.js tests/installer.test.js tests/init-multi-ide.test.js tests/sync-providers.test.js
451
+ ```
452
+
453
+ ### Verified Test Areas
394
454
 
395
- - [๐Ÿ“ DESIGN.md](DESIGN.md) โ€” 2D Canvas coordinate matrix, sprite frame animations, color tokens, and Web Audio oscillator formulas.
396
- - [๐ŸŽฏ PRODUCT.md](PRODUCT.md) โ€” Product vision, target personas, problem analysis, and development roadmap (v0.1 to v0.5).
397
- - [๐Ÿค CONTRIBUTING.md](CONTRIBUTING.md) โ€” How to author new skills, add custom agent sprites, and submit pull requests.
398
- - [โš–๏ธ LICENSE](LICENSE) โ€” Apache 2.0 open-source license.
455
+ - **End-to-End Slash Command Discovery**: Validates slash command generation on clean devices across Claude Code, Cursor, Kiro, Antigravity, and CLI.
456
+ - **Provider Synchronization**: Verifies that skills, workflows, and prompts remain identical across all target IDE directories.
457
+ - **Dry-Run Integrity**: Confirms that operations executed with `--dry-run` perform zero file system writes.
458
+ - **DAG Execution & Concurrency**: Validates dependency resolution, cycle prevention, and parallel execution in the task scheduler.
459
+ - **Git Recap Engine**: Ensures git changelogs are extracted accurately, windowed properly, and formatted cleanly without token waste.
399
460
 
400
461
  ---
401
462
 
402
- ## ๐ŸŒŸ Community & Contributing
463
+ <a id="roadmap"></a>
403
464
 
404
- Contributions of all types are warmly welcomed!
465
+ ## Roadmap
405
466
 
406
- - **Create New Skills**: Add new technology guides to `.pixel-agents/skills/` (e.g. GraphQL, Supabase, Redis, Rust, Astro).
407
- - **Design Office Packs**: Add custom pixel-art furniture, workstations, and seasonal office themes.
408
- - **Improve Orchestration**: Enhance DAG task scheduling, automated error recovery, and concurrency management.
409
- - **Report Bugs**: Submit issues and feature proposals at [github.com/hiroqt/PixelCrew/issues](https://github.com/hiroqt/PixelCrew/issues).
467
+ | Milestone | Target Scope | Current Status |
468
+ |:---|:---|:---|
469
+ | **v0.1** | Core CLI, codebase profiler, Floor 42 canvas, SSE telemetry pipeline, 8-bit audio synth | [Completed] |
470
+ | **v0.2** | 24 Floor 42 slash commands, cross-IDE command discovery, Anti-AI quality gate, git recap engine | [Completed] |
471
+ | **v0.3** | Automated Git worktree isolation, three-way merge conflict resolver, multi-branch swarming | [In Progress] |
472
+ | **v0.4** | External model provider runtime adapters (Gemini API, Claude API, OpenAI API, Ollama) | [Planned] |
473
+ | **v0.5** | Multi-floor office expansions, distributed peer-to-peer swarms via WebSockets and WebRTC | [Planned] |
410
474
 
411
475
  ---
412
476
 
413
- ## ๐Ÿ“„ License
477
+ <a id="documentation-and-contributing"></a>
478
+
479
+ ## Documentation and Contributing
480
+
481
+ | Resource | Scope |
482
+ |:---|:---|
483
+ | [PRODUCT.md](PRODUCT.md) | Product strategy, persona definitions, and feature release milestones |
484
+ | [DESIGN.md](DESIGN.md) | Design specifications, color systems, canvas engine, and typography standards |
485
+ | [TESTING.md](TESTING.md) | Testing conventions, fixture runner documentation, and CI workflows |
486
+ | [CONTRIBUTING.md](CONTRIBUTING.md) | Contribution standards, code style guides, and pull request checklist |
487
+ | [LICENSE](LICENSE) | Apache License, Version 2.0 |
414
488
 
415
- PixelCrew is open-source software licensed under the **[Apache License, Version 2.0](LICENSE)**.
489
+ Contributions are welcome. Please read [CONTRIBUTING.md](CONTRIBUTING.md) for guidelines on code formatting and test verification before submitting changes.
416
490
 
417
491
  ---
418
492
 
419
493
  <p align="center">
420
- Crafted with precision by <strong>Arnel</strong> (<a href="https://github.com/hiroqt">@hiroqt</a>).
494
+ <sub>Built with care and zero runtime dependencies by <a href="https://github.com/hiroqt">@hiroqt</a></sub>
421
495
  </p>