핵심 요약
비개발자 소설가가 Claude Code를 활용해 구축한 IndexedDB 기반의 경량 오프라인 글쓰기 환경인 NarrativeOS를 공개했다.
배경
소설가인 작성자가 기존 글쓰기 도구의 한계를 느끼고 Claude Code와의 협업을 통해 자신에게 필요한 기능을 갖춘 오프라인 전용 앱을 직접 개발하여 배포했다.
의미 / 영향
AI가 개발의 진입장벽을 낮추어 도메인 전문가가 직접 자신의 도구를 만드는 엔드 유저 개발이 가속화되고 있다. 특히 개인화된 워크플로우를 가진 창작자들에게 AI 코딩 에이전트는 단순한 보조를 넘어 실질적인 구현 수단이 된다.
커뮤니티 반응
작성자가 직접 필요한 도구를 AI로 개발했다는 점과 362kb라는 초경량 오프라인 앱이라는 특성에 대해 긍정적인 반응이 이어졌다. 특히 비개발자가 Claude Code를 활용해 실제 결과물을 만들어낸 과정에 대해 많은 관심이 집중됐다.
실용적 조언
- Claude Code를 활용하여 특정 도메인에 특화된 개인용 도구를 직접 제작해 볼 것
- 경량 웹 앱 제작 시 Vanilla JS와 IndexedDB를 활용하여 서버 비용 없이 로컬 실행 환경 구축 가능
- AI와 협업 시 'Human in the Loop' 관점에서 자신의 개입 과정을 기록하여 결과물의 신뢰도 확보
언급된 도구
Claude Code추천
AI 보조 코딩 및 애플리케이션 개발
IndexedDB추천
브라우저 내 로컬 데이터 구조화 저장
섹션별 상세
Claude Code를 활용한 비개발자의 개발 경험이다. 작성자는 스스로를 개발자가 아닌 소설가로 정의하며 Claude Code를 통해 복잡한 기능을 구현했다. 사용자 매뉴얼에 'Human in the Loop' 섹션을 포함하여 AI와의 협업 과정을 투명하게 공개했으며 이는 AI 보조 개발의 실질적인 사례를 보여준다.
기술적 아키텍처와 경량화가 특징이다. NarrativeOS는 서버나 클라우드 없이 브라우저에서 실행되는 단일 HTML 파일 구조를 채택했다. Vanilla JavaScript와 IndexedDB를 사용하여 362kb라는 극도로 가벼운 용량을 유지하면서도 강력한 오프라인 우선(Offline-first) 환경을 구축했다.
소설 창작에 특화된 기능들을 구현했다. 동의어 확장을 포함한 프로젝트 전체 검색, AO3 스타일의 카테고리 태깅 시스템, 폴더 컴파일 기능 등 작가들에게 필요한 구체적인 기능들을 포함했다. 특히 AO3용 HTML 변환이나 글쓰기 스프린트 기능은 타겟 사용자인 소설가들의 니즈를 정확히 반영했다.
이미지 분석

앱의 깔끔한 텍스트 편집기 화면과 좌측의 파일 탐색기, 상단의 서식 도구 모음을 보여준다. 작성자가 설명한 단일 HTML 기반의 오프라인 환경이 실제 어떻게 구현되었는지 시각적으로 확인시켜 준다.
NarrativeOS의 사용자 인터페이스 스크린샷
실무 Takeaway
- Claude Code와 같은 AI 도구를 통해 비개발자도 실용적인 소프트웨어를 구축할 수 있는 시대가 도래했다.
- 서버 없는 단일 HTML 파일과 IndexedDB 조합으로도 충분히 강력한 오프라인 애플리케이션 개발이 가능하다.
- AI 협업 개발 시 투명성을 위해 작업 과정을 기록하고 공유하는 문화가 형성되고 있다.
언급된 리소스
AI 분석 전체 내용 보기
AI 요약 · 북마크 · 개인 피드 설정 — 무료