Engine/Cartridge 분리로 Claude Design 기반 프로덕션 워크플로우 최적화

I built a FRAME cartridge for Claude Design Day One

Alex2026년 4월 20일6분intermediate

AI 요약

Context

Claude Design의 Prototype-to-Code 핸드오프 과정에서 발생하는 컨텍스트 유실 및 범위 제어 불가 문제 분석. 단순 구현 명령만으로는 초기 요구사항과 프로토타입의 임의 추가 기능 간의 괴리를 해결하기 어려운 구조적 한계 존재.

Engine과 Cartridge를 엄격히 분리하여 도구 변화에도 시스템 코어 수정 없이 워크플로우 정의만으로 대응하는 아키텍처 설계
기존 SHAPE → BREAKDOWN → DESIGN → BUILD → CHECK 파이프라인에서 DESIGN을 제거하고 DESIGN-REVIEW 단계 신설
SHAPE 단계에서 Claude Design 전용의 design_brief.md를 생성하여 외부 툴과의 인터페이스 규격 일치
DESIGN-REVIEW 단계에서 Prototype HTML과 README를 분석하여 스코프 추가 사항을 식별하고 이를 정형화된 Review 문서로 변환
검증된 Review 문서를 BREAKDOWN 및 BUILD 단계의 입력값으로 전달하여 프로토타입의 시각적 요소와 요구사항의 일치성 확보
state 관리 및 resume 메커니즘을 Engine 수준에서 처리하여 긴 빌드 과정 중의 컨텍스트 유실 방지

실천 포인트

1. 외부 툴 도입 시 기존 파이프라인의 단계를 그대로 유지하기보다 도구의 출력물 특성에 맞는 인터셉터 단계(예: DESIGN-REVIEW) 설계 검토

2. 서로 다른 도구 간 데이터 전달 시 전용 포맷(예: design_brief.md)을 정의하여 컨텍스트 오염 최소화

3. 기능 구현 전 '프로토타입의 임의 추가 기능'과 '원래 요구사항'을 대조하는 Scope Validation 프로세스 강제 적용

태그