프롬프트 한 줄로 화면이 나오는 시대, ‘당근스러운 화면’을 만드는 법
프론트엔드
프롬프트 한 줄로 화면이 나오는 시대, ‘당근스러운 화면’을 만드는 법
두줄요약
프롬프트 한 줄로 만드는 화면의 한계를 짚고, 디자인 시스템에 맞는 의사결정 자동화가 핵심이라고 설명했습니다. 어드민, CLI, 에이전트로 발전한 Kraft와 Plan/Orchestra 구조도 소개했습니다.
핵심 내용
- AI 화면 생성 도구의 한계를 짚고, 당근 디자인 시스템(SEED)에 맞는 화면은 단순 생성이 아니라 의사결정 자동화가 핵심이라는 문제의식 제시
- Kraft를 어드민 → CLI → 에이전트로 발전시키며, 컨텍스트 주입·세션 기억·레퍼런스 참조·검증 루프로 당근스러운 화면을 만드는 흐름 정리
- 하네스 패턴과 Plan/Orchestra 모드, Claude Code 위임 구조로 설계와 구현을 분리해 품질과 확장성을 높인 방식 설명
적용해볼 점
- 디자인 시스템이 있는 조직에서는 화면 생성보다 규칙·토큰·컴포넌트 결정의 자동화 우선 검토
- 로컬 프로젝트 맥락, 이전 결정, 검증 절차를 함께 묶는 에이전트 워크플로우 설계
- 모호한 요청은 생성 전에 구체화하는 단계와 승인/검증 단계를 분리해 품질 편차 완화