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
Markdown as Protocol for Agentic UI with Streaming Execution
A prototype uses Markdown as a unified protocol for AI agents to stream text, executable code, and data in a single response. It features streaming execution where code runs statement-by-statement as it arrives and a mount() primitive for creating React UIs with data flow between client, server, and LLM.
Sylve: A FreeBSD Management Plane for Virtualization, Containers, and Storage
Sylve is a BSD-2 licensed management plane for FreeBSD that provides unified control over Bhyve VMs, FreeBSD Jails, ZFS storage, and networking. It uses a RAFT consensus model for clustering and includes Samba share management with ZFS snapshot automation.
Claude adds interactive chart and diagram creation feature
Claude can now generate interactive visuals including charts, diagrams, and explorable breakdowns directly within conversations. The feature is available in beta across all plans including free tier.
OpenClaw Model Performance Review: Codex 5.3 Leads, GLM Models Disappoint
A developer tested multiple AI models with OpenClaw, finding Codex 5.3 performs best with 9/10 rating, while GLM 4.7 and GLM 5 scored 5/10 due to high token usage, slow responses, and inconsistent output.