단일 파일에서 Kiro를 이용한 전체 Chrome 확장 프로그램으로

발행: (2025년 12월 2일 오전 10:09 GMT+9)
7 min read
원문: Dev.to

Source: Dev.to

Introduction

최근 코딩 에이전트의 종류가 점점 다양해지고, 각각 더 통합되고 포괄적으로 발전하고 있습니다. 저는 여가 시간과 업무에서 구현 과제의 일환으로 이러한 에이전트를 개발 워크플로에 통합해 보는 행운을 가졌습니다.

CrewAI라는 멀티‑에이전트 AI 시스템을 사용해 보았고, 직접 코딩 에이전트를 해킹해 만든 적도 있습니다. 어느 정도는 잘 작동했지만, CrewAI가 원래 의도한 용도와는 달랐습니다. 그 뒤에 Codex가 등장했고, 더 적은 오류와 향상된 컨텍스트 인식으로 같은 작업을 수행했습니다. 코드베이스를 읽고 적절한 컨텍스트를 준비한다는 점에서 학습 경험이 매우 가치 있었습니다.

그 후 Devpost에서 최신 코딩 에이전트 중 하나인 Kiro 해커톤을 보게 되었습니다.

What Is Kiro?

간단히 말해 Kiro는 AI‑기반 통합 개발 환경(IDE)입니다. Codex와 달리 전체 코딩 환경과 목적에 특화된 기능을 제공하는데, 주요 기능은 다음과 같습니다:

  • Agent hooks – 사용자가 설정한 트리거(예: 관련 파일이 변경될 때마다 테스트 파일을 업데이트) 후에 자동으로 실행되는 자동화.
  • Steering docs – 프로젝트 구조에 대한 이해를 돕는 문서로, Kiro와 사용자가 모두 더 나은 인사이트를 얻을 수 있게 해 줍니다. 특히 레거시 코드베이스에 유용합니다.

문서를 직접 읽는 대신 Kiro에게 코드베이스에 대해 물어볼 수 있습니다. Steering docs 덕분에 “실시간 메시지는 어떻게 처리되나요?” 혹은 “소켓 리스너는 어디에 배치되어 있나요?”와 같은 질문에 더 정확히 답변할 수 있습니다.

Spec‑Driven Development

Kiro의 핵심 차별점은 Spec‑Driven Development입니다. 대부분의 코딩 에이전트는 단순히 “프롬프트 → 코드” 흐름을 따르지만, Kiro는 보다 철저한 대안을 제공합니다.

Spec 모드에서 Kiro는:

  1. 요청을 고민하고 spec 폴더를 생성합니다.
  2. 코드를 작성하기 전에 검토할 수 있는 관련 사양 문서를 생성합니다.
  3. 자동으로 실행될 상세 테스트 목록을 제공합니다.
  4. 사양에 만족하면 tasks.md에서 작업을 시작할 수 있게 합니다.
  5. 테스트 중 발견된 오류를 수정합니다.

Choosing spec mode

Spec documents

What I Built

저는 집중력이 흐트러지고 짧은 주의 지속 시간과 소셜 미디어의 끊임없는 방해에 시달렸습니다. 도파민 디톡스에 관한 영상을 본 뒤, 뇌가 빈번한 고도파민 보상(예: 레딧 스크롤, Shorts)에 익숙해져 있어 지속적이고 저강도 작업을 즐기기 어려워졌다는 것을 깨달았습니다.

해결책은 작업 → 보상 시스템을 게임화하는 것이었습니다. 이것이 제 프로젝트의 핵심 아이디어가 되었습니다.

A Chrome Extension that Combines Productivity with Fun

저는 “Soulful Sessions” 라는 할로윈 테마의 Chrome 확장 프로그램을 만들었습니다. 이 확장 프로그램은 작업‑후‑보상 원칙을 게임화와 결합합니다.

Core Concept: Soul Collecting

플레이어는 Soul Shepherd 라는 친절한 사신 같은 캐릭터를 조종해 영혼을 모아 더 나은 곳으로 인도합니다. 주요 스탯은 다음과 같습니다:

  • Spirit – 공격력
  • Soulflow – 수동 자원 생성 속도
  • Harmony – 치명타 확률에 해당

두 가지 게임플레이 모드가 있습니다:

  1. Idle – 스탯에 기반해 “Soul Embers”(주 통화)를 수동으로 생성합니다.
  2. Bosses – 이동을 거부하는 “Stubborn Souls”(보스)와 대결합니다. 각 보스는 고유한 이름, 배경 스토리, Soul Resolve(HP)를 가집니다.

Focus Sessions

Focus Sessions을 완료하면 Stubborn Souls를 물리칠 수 있습니다:

  • 세션 중에 차단된 사이트(예: facebook.com)에 접속하면 경고가 표시되고 보상이 감소합니다.
  • 차단된 사이트(예: youtube.com)는 특별 페이지로 리다이렉트되어 완전히 방해를 차단합니다.

세션이 끝나면 수행 결과에 따라 보상을 받습니다:

  • Soul Embers – 업그레이드와 코스메틱 구매에 사용.
  • Soul Insight – 레벨업을 위한 XP.

Break Mode (Reward Phase)

Break Mode에서는 다음을 할 수 있습니다:

  • Soul Embers를 사용해 스킬을 업그레이드(비용은 기하급수적으로 증가).
  • ThemesSprites와 같은 코스메틱을 구매(잠금 해제 가능한 Soul Shepherd 스킨).
  • 레벨업으로 얻은 스킬 포인트를 배분.

이것이 바로 Kiro의 spec‑driven 워크플로를 활용해 완전히 만든 확장 프로그램의 핵심 내용입니다.

Back to Blog

관련 글

더 보기 »

계정 전환

@blink_c5eb0afe3975https://dev.to/blink_c5eb0afe3975 여러분도 알다시피 저는 다시 제 진행 상황을 기록하기 시작했으니, 이것을 다른…