Aurelius: A React Framework Built with 48 Claude Code Agents and Figma-to-React Pipeline
What Aurelius Does
Aurelius is a React framework that uses Claude Code agents organized in a hierarchy to build React apps from Figma designs autonomously. Instead of a single AI agent generating code, it uses multiple agents that enforce iteration on each other for full app builds.
Agent Architecture and Pipeline
The framework has 48 agents total across engineering, design, testing, product, marketing, and ops. These agents are auto-selected by Claude Code based on what you're doing, and all agent definitions are stored in .claude/ so you can read, modify, or reuse them for your own projects.
Overseer agents gate the pipeline with specific requirements:
- Tests must be written before components (TDD is mandatory, not optional)
- Visual QA uses pixel-diff comparison with a 2% threshold
- Quality gate checks coverage, TypeScript, Lighthouse scores, and design token compliance before anything passes
The pipeline has 10 phases:
- Figma discovery
- Design token extraction
- TDD gate
- Component build
- Pixel-diff visual QA (up to 5 iteration loops)
- Playwright E2E tests
- Cross-browser screenshots
- Quality gate
- Responsive checks
- Build report
Technical Implementation
Some technical details from the source:
- Uses Vitest + React Testing Library for unit/component tests
- Playwright for E2E and cross-browser testing
- Pixelmatch for visual diffing
- Design tokens are locked in a lockfile so hardcoded values can't leak into components
- Everything is configurable in
.claude/pipeline.config.json
The framework has app-type awareness and can detect whether you're building a standard web app, a Chrome extension (reads manifest.json), or a PWA, adjusting the E2E strategy accordingly. The creator used it to port an app from Webflow to a Chrome extension without reconfiguring the pipeline.
Project Status
Aurelius is MIT licensed with 118 commits. The entire framework was built in about two weeks using Claude Code, which demonstrates the workflow it automates. Milestones are planned through v2.0.0.
📖 Read the full source: r/ClaudeAI
👀 See Also
Agent Factory: Autonomous System Builds AI Agents from Online Problem Discussions
Agent Factory is an autonomous system that scrapes Reddit, HN, GitHub, and Twitter for real problems, scores them on demand, market gap, and feasibility, then builds standalone AI agents for promising ideas. The system uses a minimal Next.js template with 7 tools and runs Claude Code headless via a shell script.
Portable Mind Format (PMF): Provider-Agnostic Agent Specification with 15 Open-Source Agents
The Portable Mind Format (PMF) is a JSON-based specification for defining AI agent identities that can run across multiple models and providers, including Claude, GPT-4, Gemini, DeepSeek, and local models via Ollama. It includes 15 MIT-licensed production agents and converters for Claude Code, Cursor, GitHub Copilot, and Gemini CLI.
ClawControl iOS client released for OpenClaw self-hosted servers
ClawControl v1.50 is now available on iOS as a privacy-focused mobile client for self-hosted OpenClaw/Claw servers. The open-source app enables real-time chat with streaming responses, agent management, and session control from mobile devices.
Using pre-commit to improve AI-generated code quality and security
A developer shares their pre-commit configuration for Go and Java projects, using tools like golangci-lint, govulncheck, and checkov to catch vulnerabilities and quality issues in AI-generated code before commit.