Skip to content

feat: add Apex Squad — Autonomous Frontend Intelligence#7

Merged
oalanicolas merged 2 commits intoSynkraAI:mainfrom
gamagab-code:feat/add-apex-squad
Mar 8, 2026
Merged

feat: add Apex Squad — Autonomous Frontend Intelligence#7
oalanicolas merged 2 commits intoSynkraAI:mainfrom
gamagab-code:feat/add-apex-squad

Conversation

@gamagab-code
Copy link
Copy Markdown
Contributor

Summary

  • Apex Squad — autonomous frontend intelligence with 15 specialized agents
  • Single entry point: @apex {natural language} — auto-routes to the right specialist
  • Includes demo app (27 intentional issues) + session log as real use case

What's Included

Category Count
Agents 15 (1 orchestrator + 14 specialists)
Tasks 84
Workflows 8
Checklists 28
Templates 13
Data Files 10
Discovery Tools 7
Design Presets 31

Key Features

  • Agent Handoff Protocol — visible delegation between specialists
  • Intelligence Layer — 17 intent chains, 10 context caches
  • 7 Discovery Tools — components, design, routes, dependencies, motion, a11y, performance
  • 31 Design Presets — Apple, Google, Tech, Movements, Industry, Dark, Experimental
  • 10 Quality Gates — 4 enforcement levels, NON-WAIVABLE ship gate
  • 4 Auto-Detected Profiles — full (15), web-next (10), web-spa (8), minimal (4)
  • Visual Analysis — 8-dimension scoring from screenshots

Real Use Case

examples/ includes:

  • demo-app/ — Minimal React+Vite app with 27 intentional frontend issues (a11y, CSS, motion, performance)
  • session-log.md — Edited real session showing discovery → handoff → fix cycle and style transform

Test Plan

  • 15 agent definitions validated (YAML, required fields)
  • 84 tasks with proper frontmatter
  • 8 workflows reference existing tasks/agents
  • Veto conditions 100% coverage (available_check + on_unavailable)
  • Discovery tools produce structured output with health scores
  • Handoff protocol with max chain limit (5)
  • Demo app runs with npm install && npm run dev

Stats

  • 177 files, 54,768 lines
  • MIT License

🤖 Generated with Claude Code

gamagab-code and others added 2 commits March 7, 2026 21:18
… discoveries)

Apex is an autonomous frontend intelligence squad with:
- 15 specialized agents (1 orchestrator + 14 specialists)
- 84 tasks covering all frontend domains
- 8 workflows (feature build, pipeline, component create, cross-platform sync, design-to-code, polish cycle, ship validation, component refactor)
- 7 discovery tools (components, design, routes, dependencies, motion, a11y, performance)
- Agent handoff protocol (visible delegation between specialists)
- 31 design presets (Apple, Google, Tech, Movements, Industry, Dark, Experimental)
- Intelligence layer (17 intent chains, 10 caches, conditional after_transform)
- 10 quality gates with 4 enforcement levels
- 4 auto-detected profiles (full, web-next, web-spa, minimal)
- Visual analysis (8-dimension scoring, compare, consistency audit)

Co-Authored-By: Claude Opus 4.6 <[email protected]>
- demo-app: minimal React+Vite app with 27 intentional frontend issues
  (a11y, CSS, motion, performance, React patterns)
- session-log: edited real session showing discovery, handoff, fix cycle
  and style transform flow

Co-Authored-By: Claude Opus 4.6 <[email protected]>
@coderabbitai
Copy link
Copy Markdown

coderabbitai bot commented Mar 8, 2026

Important

Review skipped

Too many files!

This PR contains 177 files, which is 27 over the limit of 150.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 9a5332eb-ea9c-4fce-acbc-87c9cb0f0979

📥 Commits

Reviewing files that changed from the base of the PR and between 0f468d2 and f1258d1.

📒 Files selected for processing (177)
  • squads/apex/.gitignore
  • squads/apex/CHANGELOG.md
  • squads/apex/CLAUDE.md
  • squads/apex/LICENSE
  • squads/apex/README.md
  • squads/apex/agents/a11y-eng.md
  • squads/apex/agents/apex-lead.md
  • squads/apex/agents/cross-plat-eng.md
  • squads/apex/agents/css-eng.md
  • squads/apex/agents/design-sys-eng.md
  • squads/apex/agents/frontend-arch.md
  • squads/apex/agents/interaction-dsgn.md
  • squads/apex/agents/mobile-eng.md
  • squads/apex/agents/motion-eng.md
  • squads/apex/agents/perf-eng.md
  • squads/apex/agents/qa-visual.md
  • squads/apex/agents/qa-xplatform.md
  • squads/apex/agents/react-eng.md
  • squads/apex/agents/spatial-eng.md
  • squads/apex/checklists/a11y-review-checklist.md
  • squads/apex/checklists/architecture-review.md
  • squads/apex/checklists/component-maturation.md
  • squads/apex/checklists/component-quality-checklist.md
  • squads/apex/checklists/component-review-checklist.md
  • squads/apex/checklists/cross-platform-checklist.md
  • squads/apex/checklists/cross-platform-qa-checklist.md
  • squads/apex/checklists/css-review-checklist.md
  • squads/apex/checklists/cwv-checklist.md
  • squads/apex/checklists/defensive-css-checklist.md
  • squads/apex/checklists/device-test-checklist.md
  • squads/apex/checklists/discovery-checklist.md
  • squads/apex/checklists/ds-component-review.md
  • squads/apex/checklists/edge-compatibility.md
  • squads/apex/checklists/figma-sync-checklist.md
  • squads/apex/checklists/interaction-a11y.md
  • squads/apex/checklists/layout-review.md
  • squads/apex/checklists/motion-review-checklist.md
  • squads/apex/checklists/multi-mode-checklist.md
  • squads/apex/checklists/perf-review-checklist.md
  • squads/apex/checklists/responsive-checklist.md
  • squads/apex/checklists/rn-performance-checklist.md
  • squads/apex/checklists/rsc-compliance.md
  • squads/apex/checklists/ship-readiness-checklist.md
  • squads/apex/checklists/token-compliance.md
  • squads/apex/checklists/visual-qa-checklist.md
  • squads/apex/checklists/visual-review-checklist.md
  • squads/apex/checklists/wcag-22-checklist.md
  • squads/apex/config/squad-config.yaml
  • squads/apex/data/agent-registry.yaml
  • squads/apex/data/apex-intelligence.yaml
  • squads/apex/data/apex-kb.md
  • squads/apex/data/design-presets.yaml
  • squads/apex/data/design-tokens-map.yaml
  • squads/apex/data/performance-budgets.yaml
  • squads/apex/data/pipeline-state-schema.yaml
  • squads/apex/data/platform-capabilities.yaml
  • squads/apex/data/spring-configs.yaml
  • squads/apex/data/tech-stack.md
  • squads/apex/data/veto-conditions.yaml
  • squads/apex/examples/demo-app/README.md
  • squads/apex/examples/demo-app/index.html
  • squads/apex/examples/demo-app/package.json
  • squads/apex/examples/demo-app/src/App.tsx
  • squads/apex/examples/demo-app/src/components/ContactForm.tsx
  • squads/apex/examples/demo-app/src/components/FeatureCards.tsx
  • squads/apex/examples/demo-app/src/components/Footer.tsx
  • squads/apex/examples/demo-app/src/components/Header.tsx
  • squads/apex/examples/demo-app/src/components/HeroSection.tsx
  • squads/apex/examples/demo-app/src/index.css
  • squads/apex/examples/demo-app/src/main.tsx
  • squads/apex/examples/session-log.md
  • squads/apex/squad.yaml
  • squads/apex/tasks/3d-performance-audit.md
  • squads/apex/tasks/accessibility-audit.md
  • squads/apex/tasks/animation-architecture.md
  • squads/apex/tasks/animation-design.md
  • squads/apex/tasks/apex-agents.md
  • squads/apex/tasks/apex-audit.md
  • squads/apex/tasks/apex-build-flow.md
  • squads/apex/tasks/apex-code-review.md
  • squads/apex/tasks/apex-compare.md
  • squads/apex/tasks/apex-consistency-audit.md
  • squads/apex/tasks/apex-dark-mode-audit.md
  • squads/apex/tasks/apex-design-critique.md
  • squads/apex/tasks/apex-design-flow.md
  • squads/apex/tasks/apex-discover-a11y.md
  • squads/apex/tasks/apex-discover-components.md
  • squads/apex/tasks/apex-discover-dependencies.md
  • squads/apex/tasks/apex-discover-design.md
  • squads/apex/tasks/apex-discover-motion.md
  • squads/apex/tasks/apex-discover-performance.md
  • squads/apex/tasks/apex-discover-routes.md
  • squads/apex/tasks/apex-entry.md
  • squads/apex/tasks/apex-export-tokens.md
  • squads/apex/tasks/apex-fix.md
  • squads/apex/tasks/apex-handoff-protocol.md
  • squads/apex/tasks/apex-inspire.md
  • squads/apex/tasks/apex-pipeline-executor.md
  • squads/apex/tasks/apex-pivot.md
  • squads/apex/tasks/apex-quick.md
  • squads/apex/tasks/apex-route-request.md
  • squads/apex/tasks/apex-scan.md
  • squads/apex/tasks/apex-ship-flow.md
  • squads/apex/tasks/apex-suggest.md
  • squads/apex/tasks/apex-transform.md
  • squads/apex/tasks/apex-visual-analyze.md
  • squads/apex/tasks/architecture-decision.md
  • squads/apex/tasks/aria-pattern-implementation.md
  • squads/apex/tasks/bundle-optimization.md
  • squads/apex/tasks/choreography-design.md
  • squads/apex/tasks/component-design.md
  • squads/apex/tasks/component-maturation.md
  • squads/apex/tasks/cross-browser-validation.md
  • squads/apex/tasks/cross-platform-test-setup.md
  • squads/apex/tasks/css-architecture-audit.md
  • squads/apex/tasks/defensive-css-review.md
  • squads/apex/tasks/design-component.md
  • squads/apex/tasks/device-matrix-design.md
  • squads/apex/tasks/figma-sync-setup.md
  • squads/apex/tasks/fluid-type-setup.md
  • squads/apex/tasks/focus-management-design.md
  • squads/apex/tasks/gesture-design.md
  • squads/apex/tasks/gesture-test-suite.md
  • squads/apex/tasks/image-optimization.md
  • squads/apex/tasks/integration-test-setup.md
  • squads/apex/tasks/layout-strategy.md
  • squads/apex/tasks/monorepo-setup.md
  • squads/apex/tasks/monorepo-structure.md
  • squads/apex/tasks/motion-audit.md
  • squads/apex/tasks/naming-convention.md
  • squads/apex/tasks/native-module-setup.md
  • squads/apex/tasks/offline-test-suite.md
  • squads/apex/tasks/perf-budget-setup.md
  • squads/apex/tasks/performance-audit.md
  • squads/apex/tasks/performance-budget-review.md
  • squads/apex/tasks/prototype-interaction.md
  • squads/apex/tasks/responsive-audit.md
  • squads/apex/tasks/rsc-architecture.md
  • squads/apex/tasks/rsc-boundary-audit.md
  • squads/apex/tasks/scene-architecture.md
  • squads/apex/tasks/screen-reader-testing.md
  • squads/apex/tasks/shader-design.md
  • squads/apex/tasks/shared-tokens-setup.md
  • squads/apex/tasks/spring-config.md
  • squads/apex/tasks/stacking-context-debug.md
  • squads/apex/tasks/storybook-docs.md
  • squads/apex/tasks/tech-stack-evaluation.md
  • squads/apex/tasks/testing-strategy.md
  • squads/apex/tasks/theme-audit.md
  • squads/apex/tasks/theme-visual-testing.md
  • squads/apex/tasks/token-architecture.md
  • squads/apex/tasks/token-audit.md
  • squads/apex/tasks/universal-component-design.md
  • squads/apex/tasks/user-flow-design.md
  • squads/apex/tasks/visual-regression-audit.md
  • squads/apex/tasks/visual-regression-setup.md
  • squads/apex/templates/adr-tmpl.md
  • squads/apex/templates/component-design-tmpl.md
  • squads/apex/templates/component-ds-tmpl.md
  • squads/apex/templates/container-query-tmpl.md
  • squads/apex/templates/fluid-typography-tmpl.md
  • squads/apex/templates/layout-strategy-tmpl.md
  • squads/apex/templates/perf-budget-tmpl.md
  • squads/apex/templates/pipeline-checkpoint-tmpl.md
  • squads/apex/templates/storybook-story-tmpl.md
  • squads/apex/templates/tech-eval-tmpl.md
  • squads/apex/templates/theme-config-tmpl.md
  • squads/apex/templates/token-audit-report-tmpl.md
  • squads/apex/templates/token-spec-tmpl.md
  • squads/apex/workflows/wf-apex-pipeline.yaml
  • squads/apex/workflows/wf-component-create.yaml
  • squads/apex/workflows/wf-component-refactor.yaml
  • squads/apex/workflows/wf-cross-platform-sync.yaml
  • squads/apex/workflows/wf-design-to-code.yaml
  • squads/apex/workflows/wf-feature-build.yaml
  • squads/apex/workflows/wf-polish-cycle.yaml
  • squads/apex/workflows/wf-ship-validation.yaml

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment

Tip

Try Coding Plans. Let us write the prompt for your AI agent so you can ship faster (with fewer bugs).
Share your feedback on Discord.


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@gamagab-code gamagab-code changed the title feat: add Apex Squad — Frontend Ultra-Premium feat: add Apex Squad — Autonomous Frontend Intelligence Mar 8, 2026
@oalanicolas oalanicolas merged commit ced7100 into SynkraAI:main Mar 8, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants