Fable 모델이 대규모 프론트엔드 개편에서 이전 모델보다 효율적이고 비용도 적게 듦
Fable is more efficient and costs me less for massive frontend overhaul than previous models
핵심 요약
Fable 모델을 활용해 개인 OS 프로젝트를 성공적으로 개편했으며, 적절한 가이드라인 설정 시 비용 효율성이 뛰어나다는 후기입니다.
- 개인 OS 프로젝트 — 메일, 일정, 작업 관리 등을 통합한 개인용 대시보드 운영 중
- Fable 모델 활용 — 프론트엔드 디자인과 기능 전반을 대대적으로 개편함
- 비용 효율성 — 적절한 프롬프트와 가이드라인 사용 시 이전 모델보다 훨씬 빠르게 작업 완료
- 사용 팁 — 일반적인 질문보다는 구체적인 작업 지시와 서브 에이전트 활용이 핵심
내 웹앱은 사실상 내 OS나 다름없음. 일일 개요, 메일, 캘린더, Todoist 할 일, 개발 프로젝트, 뉴스 큐레이터, Karpathy 지식 베이스 같은 것들이 전부 하나로 합쳐져 있거든.
거기에 LangGraph로 돌아가는 챗 에이전트까지 백엔드에 붙여놔서, 내 삶의 구석구석을 조회하고 조작할 수 있게 해놨음. 예를 들면 이런 식이지:
"xyz 프로젝트 좀 봐봐. xyz 회사 조지한테서 이메일 왔는데 기능 구현해달라네. 레포 확인해서 해당 기능 브랜치에 뭐가 남았는지 알려줘. 그리고 그 작업물을 30분 단위로 쪼개서 수요일 집중 근무 시간에 내 캘린더에 추가해 놔."
내가 만든 거긴 한데, 솔직히 너무 기능 위주의 대시보드 느낌이라 좀 별로였음. 매일 쓰기 재밌고 눈이 즐거운, 살아있는 개인 OS 같은 느낌이 부족했거든. 그래서 Fable을 xHigh로 설정하고, 여기엔 다 적지 않을 몇 가지 제약 사항을 걸어서 돌려봤음:
----------------------------
너는 세계 최고 수준의 프로덕트 디자이너이자 프론트엔드 엔지니어다. 네 실력을 좀 테스트해보려고 해. 내 개인 대시보드 앱인 "BlaineOS"를 완전히 개쩌는 스타일로 바꿔줘. 시각적으로 더 멋지고, 더 생동감 넘치고, 매일 쓰고 싶게 만들어달라는 뜻이야. 야심 차게 가보자고. 나를 놀라게 해봐. 과감한 재해석도 환영이야.
BlaineOS란 무엇인가
1인용 개인 커맨드 센터. 모듈 구성: 개요, 메일, 캘린더, 할 일, 프로젝트, 뉴스, 지식 베이스 — 그리고 "Alfred"라는 AI 비서. 현재는 차분하고 키보드 위주로 돌아가는, 모노톤 느낌의 대시보드임 (각 모듈은 단색 글리프 아이콘 하나씩 있고, g+알파벳 단축키 체계를 사용함). 이미 배포해서 매일 실사용 중임.
스택
- Next.js 16 (App Router, React Server Components, Server Actions)
- React 19, TypeScript
- Tailwind CSS v4
- Plain components + Tailwind (특정 컴포넌트 라이브러리에 종속되지 않음)
요구 사항
디자인, 느낌, 모션, 인터랙션 디자인까지 전부 네 마음대로 해도 돼. 대대적인 개편도 좋아. 새로운 디자인 언어, 새로운 레이아웃, 새로운 비주얼 아이덴티티, 화려한 모션까지 싹 다 갈아엎어 봐. 네 포트폴리오라고 생각하고 작업해.
--------------------------
Fable이 내 프론트엔드를 완전히 갈아엎어 놨는데, 진짜 입이 떡 벌어질 정도로 멋있어짐. 그냥 대놓고 말할게. 프로젝트 전체가 훨씬 더 '개쩔게' 변했음.
더 미친 건, Pro Max 5x 플랜에서 5시간 작업 시간 중 70%도 안 써서 이걸 다 끝냈다는 거임. 그냥 껌값 수준이지.
Opus 4.6-4.8로 이런 작업을 해본 경험에 비춰보면, 똑같은 개편을 하려면 5시간짜리 작업 창을 몇 번이나 더 썼어야 했을 거임. Fable은 야심 찬 프론트엔드 개편 작업에 있어서는 확실히 비정상적일 정도로 효율적임.
