pixelcrew 0.2.3 โ 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.
- package/README.md +389 -315
- package/bin/pixel-agents.js +306 -149
- package/package.json +3 -1
- package/skill/SKILL.md +185 -0
- package/skill/references/anti-ai-rubric.md +30 -0
- package/skill/references/anti-ai-slop-encyclopedia.md +181 -0
- package/skill/references/commands-reference.md +135 -0
- package/skill/references/testing-and-qa-strategy.md +25 -0
- package/skill/references/token-efficiency.md +20 -0
- package/src/adapters/adapter.interface.js +77 -0
- package/src/adapters/antigravity.js +138 -0
- package/src/adapters/claude-code.js +149 -0
- package/src/adapters/codex.js +131 -0
- package/src/adapters/cursor.js +133 -0
- package/src/adapters/generic.js +63 -0
- package/src/adapters/index.js +15 -0
- package/src/adapters/kiro.js +134 -0
- package/src/adapters/registry.js +150 -0
- package/src/backend/analyzer/complexity-analyzer.js +104 -0
- package/src/backend/analyzer/requirement-analyzer.js +213 -0
- package/src/backend/analyzer/threat-analyzer.js +122 -0
- package/src/backend/api/api-designer.js +90 -0
- package/src/backend/api/error-contract.js +132 -0
- package/src/backend/api/route-generator.js +92 -0
- package/src/backend/api/schema-generator.js +64 -0
- package/src/backend/architecture/adr-generator.js +62 -0
- package/src/backend/architecture/architecture-reasoner.js +119 -0
- package/src/backend/architecture/architecture-selector.js +57 -0
- package/src/backend/architecture/tradeoff-analyzer.js +92 -0
- package/src/backend/data/data-modeler.js +114 -0
- package/src/backend/data/index-analyzer.js +93 -0
- package/src/backend/data/query-analyzer.js +41 -0
- package/src/backend/data/schema-generator.js +92 -0
- package/src/backend/data/transaction-analyzer.js +49 -0
- package/src/backend/index.js +67 -0
- package/src/backend/observability/logging-engine.js +80 -0
- package/src/backend/observability/metrics-engine.js +31 -0
- package/src/backend/observability/tracing-engine.js +16 -0
- package/src/backend/patterns/pattern-registry.js +74 -0
- package/src/backend/patterns/pattern-selector.js +39 -0
- package/src/backend/patterns/tradeoff-engine.js +17 -0
- package/src/backend/performance/cache-analyzer.js +31 -0
- package/src/backend/performance/concurrency-analyzer.js +34 -0
- package/src/backend/performance/performance-engine.js +98 -0
- package/src/backend/performance/query-optimizer.js +16 -0
- package/src/backend/reliability/failure-analyzer.js +22 -0
- package/src/backend/reliability/idempotency-engine.js +56 -0
- package/src/backend/reliability/resilience-engine.js +141 -0
- package/src/backend/reliability/retry-analyzer.js +15 -0
- package/src/backend/security/auth-selector.js +33 -0
- package/src/backend/security/authorization-engine.js +90 -0
- package/src/backend/security/policy-engine.js +49 -0
- package/src/backend/security/secret-analyzer.js +39 -0
- package/src/backend/security/security-engine.js +122 -0
- package/src/backend/security/threat-model.js +59 -0
- package/src/backend/synthesis/backend-synthesizer.js +98 -0
- package/src/backend/synthesis/infrastructure-synthesizer.js +108 -0
- package/src/backend/synthesis/module-synthesizer.js +262 -0
- package/src/backend/validation/architecture-validator.js +70 -0
- package/src/backend/validation/backend-quality-validator.js +71 -0
- package/src/backend/validation/dependency-validator.js +20 -0
- package/src/backend/validation/performance-validator.js +38 -0
- package/src/backend/validation/security-validator.js +73 -0
- package/src/commands/adapt.js +105 -0
- package/src/commands/add.js +78 -0
- package/src/commands/animate.js +48 -0
- package/src/commands/assemble.js +57 -0
- package/src/commands/audit.js +93 -0
- package/src/commands/backend.js +125 -0
- package/src/commands/bento.js +25 -0
- package/src/commands/blueprint.js +65 -0
- package/src/commands/bolder.js +48 -0
- package/src/commands/boss-fight.js +60 -0
- package/src/commands/build.js +39 -0
- package/src/commands/calibrate.js +25 -0
- package/src/commands/chromatic.js +25 -0
- package/src/commands/clarify.js +52 -0
- package/src/commands/colorize.js +57 -0
- package/src/commands/command.interface.js +28 -0
- package/src/commands/commands.js +84 -0
- package/src/commands/craft.js +57 -0
- package/src/commands/crew.js +66 -0
- package/src/commands/critique.js +25 -0
- package/src/commands/de-slop.js +25 -0
- package/src/commands/delight.js +46 -0
- package/src/commands/deploy.js +42 -0
- package/src/commands/distill.js +48 -0
- package/src/commands/doctor.js +89 -0
- package/src/commands/document.js +83 -0
- package/src/commands/eight-bit.js +25 -0
- package/src/commands/extract.js +75 -0
- package/src/commands/fix.js +46 -0
- package/src/commands/harden.js +85 -0
- package/src/commands/index.js +67 -0
- package/src/commands/install.js +75 -0
- package/src/commands/layout.js +48 -0
- package/src/commands/live.js +44 -0
- package/src/commands/manifest.js +25 -0
- package/src/commands/office.js +25 -0
- package/src/commands/onboard.js +46 -0
- package/src/commands/oneshot.js +60 -0
- package/src/commands/optimize.js +46 -0
- package/src/commands/overdrive.js +46 -0
- package/src/commands/parser.js +143 -0
- package/src/commands/pixelcrew.js +96 -0
- package/src/commands/plan.js +66 -0
- package/src/commands/polish.js +45 -0
- package/src/commands/quieter.js +48 -0
- package/src/commands/recap.js +358 -0
- package/src/commands/registry.js +353 -0
- package/src/commands/render.js +26 -0
- package/src/commands/retrofit.js +25 -0
- package/src/commands/review.js +118 -0
- package/src/commands/roster.js +25 -0
- package/src/commands/sentinel.js +25 -0
- package/src/commands/shape.js +66 -0
- package/src/commands/skills.js +57 -0
- package/src/commands/status.js +48 -0
- package/src/commands/stop.js +50 -0
- package/src/commands/sync.js +58 -0
- package/src/commands/typeset.js +58 -0
- package/src/commands/warp.js +25 -0
- package/src/core/agent-runtime.js +94 -0
- package/src/core/event-bus.js +98 -0
- package/src/core/index.js +9 -0
- package/src/core/orchestrator.js +234 -0
- package/src/core/scheduler.js +124 -0
- package/src/core/task-graph.js +185 -0
- package/src/dashboard/app.js +1172 -30
- package/src/dashboard/index.html +223 -23
- package/src/dashboard/styles.css +870 -0
- package/src/index.js +16 -0
- package/src/orchestrator/artifact-graph.js +104 -0
- package/src/orchestrator/ast-normalizer.js +147 -0
- package/src/orchestrator/code-generator.js +632 -780
- package/src/orchestrator/design-engine.js +203 -0
- package/src/orchestrator/engine.js +307 -38
- package/src/orchestrator/oneshot.js +367 -380
- package/src/orchestrator/ontology.js +394 -0
- package/src/orchestrator/planner.js +231 -258
- package/src/orchestrator/repair-planner.js +67 -0
- package/src/orchestrator/requirement-contract.js +177 -0
- package/src/orchestrator/requirement-validator.js +39 -0
- package/src/orchestrator/semantic-engine.js +582 -0
- package/src/orchestrator/semantic-reviewer.js +179 -0
- package/src/orchestrator/task-planner.js +111 -0
- package/src/orchestrator/telemetry.js +209 -0
- package/src/orchestrator/ui-synthesizer.js +245 -0
- package/src/orchestrator/visual-critic.js +106 -0
- package/src/policies/architecture/layering.policy.js +14 -0
- package/src/policies/performance/indexing.policy.js +13 -0
- package/src/policies/reliability/resilience.policy.js +13 -0
- package/src/policies/security/auth.policy.js +31 -0
- package/src/protocol/agent.js +124 -0
- package/src/protocol/event.js +78 -0
- package/src/protocol/index.js +8 -0
- package/src/protocol/skill.js +54 -0
- package/src/protocol/task.js +100 -0
- package/src/scaffold/claude-generator.js +60 -0
- package/src/scaffold/commands-catalog.js +321 -0
- package/src/scaffold/cursor-generator.js +74 -0
- package/src/scaffold/ide-rules.js +133 -0
- package/src/scaffold/init.js +415 -91
- package/src/scaffold/installer.js +571 -0
- package/src/scaffold/kiro-generator.js +86 -0
- package/src/scaffold/skills-bundle.js +520 -0
- package/src/scaffold/templates.js +57 -4
- package/src/scaffold/workstations.js +364 -0
- package/src/server/server.js +283 -40
- package/src/utils/fs-safe.js +168 -0
- package/src/utils/markdown-report.js +175 -0
package/README.md
CHANGED
|
@@ -1,421 +1,495 @@
|
|
|
1
|
-
|
|
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>
|
|
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="
|
|
10
|
-
<a href="
|
|
11
|
-
<a href="
|
|
12
|
-
<a href="
|
|
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
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
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
|
-
|
|
35
|
+
<a id="overview"></a>
|
|
61
36
|
|
|
62
|
-
|
|
37
|
+
## Overview
|
|
63
38
|
|
|
64
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
79
|
-
|
|
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
|
-
|
|
56
|
+
<a id="quickstart"></a>
|
|
84
57
|
|
|
85
|
-
|
|
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
|
-
###
|
|
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
|
-
|
|
118
|
-
|
|
62
|
+
- Node.js >= 18.0.0
|
|
63
|
+
- npm >= 9.0.0
|
|
64
|
+
- Zero external runtime packages required
|
|
119
65
|
|
|
120
|
-
|
|
66
|
+
### 1. Initialize a Project Workspace
|
|
121
67
|
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
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
|
-
|
|
83
|
+
### 2. Configure Cross-Device Global Slash Commands
|
|
140
84
|
|
|
141
|
-
|
|
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
|
-
```
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
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
|
-
|
|
161
|
-
|
|
162
|
-
|
|
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
|
-
|
|
187
|
-
|
|
188
|
-
|
|
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
|
-
|
|
107
|
+
Generate an application or execute a structured sprint:
|
|
195
108
|
|
|
196
|
-
|
|
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
|
-
|
|
199
|
-
|
|
113
|
+
# Generate section topology and task DAG without writing code
|
|
114
|
+
npx pixelcrew blueprint "High-throughput customer billing platform"
|
|
200
115
|
|
|
201
|
-
|
|
202
|
-
|
|
116
|
+
# View token-optimized git activity changelog
|
|
117
|
+
npx pixelcrew recap
|
|
118
|
+
```
|
|
203
119
|
|
|
204
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
217
|
-
|
|
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
|
-
###
|
|
220
|
-
|
|
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
|
-
|
|
185
|
+
<a id="cross-ide-integration-architecture"></a>
|
|
225
186
|
|
|
226
|
-
|
|
187
|
+
## Cross-IDE Integration Architecture
|
|
227
188
|
|
|
228
|
-
|
|
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
|
-
```
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
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
|
-
|
|
239
|
-
> *"Synthesize a modern website for an AI architecture lab using PixelCrew"*
|
|
211
|
+
### Editor Discovery Formats
|
|
240
212
|
|
|
241
|
-
|
|
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
|
-
|
|
246
|
-
|
|
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
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
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
|
-
|
|
257
|
-
Add to your project's agent rules or skills:
|
|
241
|
+
<a id="agent-roster-and-state-machine"></a>
|
|
258
242
|
|
|
259
|
-
|
|
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
|
-
|
|
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
|
-
###
|
|
269
|
-
Install project-locally with native hook support:
|
|
257
|
+
### Deterministic Lifecycle States
|
|
270
258
|
|
|
271
|
-
```
|
|
272
|
-
|
|
273
|
-
|
|
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
|
-
|
|
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
|
-
|
|
288
|
-
|
|
289
|
-
|
|
|
290
|
-
|
|
|
291
|
-
|
|
|
292
|
-
|
|
|
293
|
-
|
|
|
294
|
-
|
|
|
295
|
-
|
|
|
296
|
-
|
|
|
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
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
-
|
|
333
|
-
-
|
|
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
|
-
|
|
370
|
+
<a id="anti-ai-design-guardian"></a>
|
|
343
371
|
|
|
344
|
-
|
|
372
|
+
## Anti-AI Design Guardian
|
|
345
373
|
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
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
|
-
|
|
391
|
+
### Curated Design Archetypes
|
|
364
392
|
|
|
365
|
-
|
|
|
366
|
-
|
|
367
|
-
|
|
|
368
|
-
|
|
|
369
|
-
|
|
|
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
|
-
|
|
401
|
+
<a id="cli-reference"></a>
|
|
379
402
|
|
|
380
|
-
|
|
403
|
+
## CLI Reference
|
|
381
404
|
|
|
382
405
|
```bash
|
|
383
|
-
|
|
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
|
-
|
|
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
|
-
-
|
|
396
|
-
-
|
|
397
|
-
-
|
|
398
|
-
-
|
|
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
|
-
|
|
463
|
+
<a id="roadmap"></a>
|
|
403
464
|
|
|
404
|
-
|
|
465
|
+
## Roadmap
|
|
405
466
|
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
494
|
+
<sub>Built with care and zero runtime dependencies by <a href="https://github.com/hiroqt">@hiroqt</a></sub>
|
|
421
495
|
</p>
|