Aurelius: 48개의 Claude 코드 에이전트와 Figma-to-React 파이프라인으로 구축된 React 프레임워크

Aurelius의 기능
Aurelius는 Figma 디자인에서 React 앱을 자율적으로 구축하기 위해 계층적으로 구성된 Claude Code 에이전트를 사용하는 React 프레임워크입니다. 단일 AI 에이전트가 코드를 생성하는 대신, 전체 앱 구축을 위해 서로 반복적으로 검증하는 여러 에이전트를 사용합니다.
에이전트 아키텍처와 파이프라인
이 프레임워크는 엔지니어링, 디자인, 테스팅, 제품, 마케팅, 운영 분야에 총 48개의 에이전트가 있습니다. 이러한 에이전트는 사용자가 수행하는 작업에 따라 Claude Code가 자동으로 선택하며, 모든 에이전트 정의는 .claude/ 디렉토리에 저장되어 사용자가 읽고, 수정하거나 자신의 프로젝트에 재사용할 수 있습니다.
감독 에이전트는 파이프라인을 특정 요구사항으로 통제합니다:
- 컴포넌트 작성 전에 테스트가 작성되어야 함(TDD는 필수이며 선택 사항이 아님)
- 시각적 QA는 2% 임계값을 가진 픽셀 차이 비교를 사용
- 품질 게이트는 커버리지, TypeScript, Lighthouse 점수, 디자인 토큰 준수를 확인한 후에만 통과 허용
파이프라인은 10단계로 구성됩니다:
- Figma 탐색
- 디자인 토큰 추출
- TDD 게이트
- 컴포넌트 구축
- 픽셀 차이 시각적 QA(최대 5회 반복 루프)
- Playwright E2E 테스트
- 크로스 브라우저 스크린샷
- 품질 게이트
- 반응형 검사
- 빌드 리포트
기술적 구현
소스에서 확인한 몇 가지 기술적 세부사항:
- 단위/컴포넌트 테스트에 Vitest + React Testing Library 사용
- E2E 및 크로스 브라우저 테스트에 Playwright 사용
- 시각적 차이 비교에 Pixelmatch 사용
- 디자인 토큰은 잠금 파일에 고정되어 하드코딩된 값이 컴포넌트에 유출되지 않음
- 모든 설정은
.claude/pipeline.config.json에서 구성 가능
이 프레임워크는 앱 유형 인식을 갖추고 있으며, 표준 웹 앱, Chrome 확장 프로그램(manifest.json 읽음), 또는 PWA를 구축 중인지 감지하여 E2E 전략을 조정합니다. 제작자는 파이프라인을 재구성하지 않고 Webflow 앱을 Chrome 확장 프로그램으로 포팅하는 데 사용했습니다.
프로젝트 현황
Aurelius는 MIT 라이선스로 118개의 커밋이 있습니다. 전체 프레임워크는 Claude Code를 사용하여 약 2주 만에 구축되었으며, 이는 자동화하는 워크플로우를 입증합니다. v2.0.0까지의 마일스톤이 계획되어 있습니다.
📖 Read the full source: r/ClaudeAI
👀 See Also

파일럿 쉘: 클로드 코드를 위한 구조화된 워크플로우 레이어
Pilot Shell은 Claude Code 위에 사양 기반 TDD 워크플로우, 품질 후크, 컨텍스트 엔지니어링 및 토큰 최적화를 추가하는 오픈소스 레이어로, 다중 에이전트 프레임워크의 복잡성 없이 사용할 수 있습니다.

로컬 LLM을 활용한 자율 코드 생성 테스트: 품질 대 속도 벤치마크
개발자가 실제 Go 코드 생성 작업에 로컬 LLM을 테스트하는 도구를 구축하여 컴파일 성공률, 필드 추출 정확도, 처리량을 측정했습니다. 결과는 품질과 속도 측면에서 모델을 비교합니다.

Xrouter 소개: 비용과 성능을 최적화하는 스마트 하이브리드 LLM 라우터
Xrouter를 발견하세요. 이 오픈소스 창작물은 로컬과 클라우드 추론을 동적으로 통합하여 AI 비용을 대폭 절감하면서 효율성을 높이도록 설계되었습니다.

oMLX는 Apple Silicon을 위해 SSD KV 캐싱을 도입하여 OpenClaw의 응답 시간을 30-90초에서 5초로 단축시켰습니다.
oMLX는 KV 캐시 블록을 safetensors 형식으로 SSD에 저장하는 새로운 백엔드로, 컨텍스트가 이동할 때 캐시 무효화를 방지합니다. 이로 인해 OpenClaw의 응답 시간이 후속 턴에서 30-90초에서 5초로 단축됩니다.