현재 프로젝트의 코드 변경사항을 분석하여 /docs/ 폴더에 문서를 자동 생성합니다.

사용자의 아이디어를 분석하여 PRD + SPEC을 한 번에 생성합니다.

토스의 사일로 조직문화 + 머스크의 5-Step Engineering Process + Ralph Loop의 반복 수렴 메커니즘을 결합한 멀티 에이전트 하네스.

시스템 아키텍처 설계 및 기술 의사결정 전문가. 새로운 기능의 아키텍처 설계나 시스템 구조 변경 시 사용.

코드 품질, 보안, 유지보수성을 검토하는 전문 코드 리뷰어. 코드 작성/수정 후 즉시 사용. 모든 코드 변경에 필수 사용.

코드 변경사항을 분석하여 /docs/ 폴더에 문서를 자동 생성하는 에이전트. 구현 에이전트와 병렬로 background에서 실행되거나, /docs 커맨드로 수동 호출됩니다.

머스크(Elon Musk) 페르소나의 독립 평가자. Generator(구현자)와 분리되어 코드 산출물을 5-Step 방법론으로 평가하고 PASS/FAIL 판정. TTH Phase 4와 /eval에서 사용.

빅테크 스타일 프론트엔드 UI 전문가. React/TypeScript/Tailwind 기반 UI 구현. 설치된 스킬(vercel-react-best-practices, shadcn-ui, tailwind-design-system 등)을 활용하여 세련된 UI를 생성.

주니어 개발자를 위한 학습 하네스. 코드 구현 후 쉬운 설명이 담긴 EXPLANATION.md를 생성하여 구현체를 완벽히 이해시킵니다. 비유, 그림, 단계별 설명으로 초보자도 따라올 수 있게 안내합니다. nano-banana로 시각 자료도 생성합니다.

LangChain/LangGraph/Deep Agents 프로젝트 구축 전문 에이전트. AI 에이전트, RAG 파이프라인, 멀티에이전트 시스템 설계 및 구현을 안내합니다.

복잡한 기능 구현이나 리팩토링을 위한 전문 계획 수립 에이전트. 기능 구현, 아키텍처 변경, 복잡한 리팩토링 요청 시 자동 활성화.

인터뷰 결과와 리서치 데이터를 받아 Six Hats 합성 → 전략적 스코핑 → PRD 문서 작성까지 수행하는 에이전트. /prd 커맨드의 Phase 3-5를 위임받아 실행.

보안 취약점 분석 전문가. 보안 이슈 발견 시 즉시 사용. 민감한 코드 변경 전 필수 검토.

Stitch MCP를 활용한 UI/웹사이트 생성 전문가. 디자인 시스템 분석, 프롬프트 최적화, 멀티 페이지 생성, React 변환까지 전체 Stitch 워크플로우 담당.

TDD(테스트 주도 개발) 가이드. 새로운 기능 구현 시 테스트 먼저 작성하도록 안내.

REST 및 GraphQL API 설계 원칙 가이드. 새로운 API 설계, API 스펙 리뷰, API 설계 표준 수립 시 활용. 트리거: "API 설계", "REST", "GraphQL", "엔드포인트 설계", "API versioning", "API 패턴" 안티-트리거: "프론트엔드 UI", "데이터베이스 스키마만", "CSS/스타일링", "배포/인프라"

Python asyncio 및 async/await 패턴 가이드. 비동기 API, 동시성 시스템, I/O 바운드 애플리케이션 구축 시 활용. 트리거: "asyncio", "async/await", "비동기 Python", "concurrent", "aiohttp", "비동기 패턴" 안티-트리거: "동기 Python", "JavaScript async", "Go goroutine", "멀티프로세싱만"

Ralph Loop 병렬 버전. 여러 에이전트가 worktree에서 동시에 PRD 항목을 처리한다. 트리거: "병렬 실험", "autodev parallel", "동시에 실험", "워크트리 실험", "병렬 랄프" 안티-트리거: "순차 실험", "하나씩"

Ralph Loop 기반 자율 개발 루프. Stop Hook이 세션 종료를 가로채어 PRD 항목을 하나씩 완료하며 자동 커밋한다. 트리거: "autodev", "자율 개발", "밤새 돌려", "랄프 루프", "ralph loop", "자동 개발" 안티-트리거: "직접 구현해", "한번만 해", "수동"

TypeScript 및 빌드 에러를 점진적으로 수정하는 워크플로우. 트리거: "빌드 에러", "build error", "컴파일 에러", "tsc 에러", "타입 에러", "빌드 실패", "build fix" 안티-트리거: "런타임 에러", "테스트 실패", "lint 에러만", "배포 에러"

변경사항 커밋, 푸시, PR 생성을 한 번에 수행하는 워크플로우. 트리거: "커밋", "PR 만들어", "푸시해", "PR 생성", "commit and push", "커밋하고 푸시", "PR 올려" 안티-트리거: "코드 리뷰", "git log 확인", "diff 보여줘", "브랜치 목록"

컨텍스트 윈도우 관리 및 토큰 최적화 가이드. Triggers on: 컨텍스트, 토큰, compact, 메모리 관리. NOT for: 코드 작성, 디버깅.

agent-browser CLI를 활용한 E2E 테스트 자동화. 스냅샷 기반 접근성 트리와 ref 시스템으로 안정적인 브라우저 테스트를 수행. 트리거: "E2E", "브라우저 테스트", "agent-browser", "e2e 테스트 작성", "E2E 테스트", "브라우저 자동화" 안티-트리거: "유닛 테스트", "API 테스트", "pytest", "Jest 테스트만", "Playwright 직접 사용"

개발 완료 후 피처 기반 E2E 테스트 작성 및 실행. /verify 이후 실제 사용자 플로우를 검증합니다. Triggers on: e2e 검증, e2e-verify, E2E 테스트, 브라우저 테스트 실행. NOT for: 유닛 테스트, 타입체크, 빌드 검증.

코드 산출물을 4축(기능/품질/독창성/보안)으로 평가하고 점수 산출. Evaluator 에이전트를 스폰하여 독립 평가 실행. Triggers on: eval, 평가, 품질 점수, 코드 평가, quality score. NOT for: 코드 작성, 구현, 리뷰.

프로덕션 수준의 FastAPI 프로젝트 생성 및 설정 가이드. async 패턴, DI, 에러 핸들링 포함. 트리거: "FastAPI", "Python API 프로젝트", "FastAPI 프로젝트 생성", "FastAPI 템플릿", "FastAPI 설정" 안티-트리거: "Django", "Flask", "Node.js API", "Express", "기존 FastAPI 수정만"

빅테크 스타일(Stripe, Vercel, Apple) UI 개발. 플래닝 → 구현까지 한 번에. 트리거: "프론트엔드", "UI 만들어", "페이지 만들어", "컴포넌트 만들어", "랜딩 페이지", "대시보드 UI" 안티-트리거: "백엔드 API", "데이터베이스", "CLI 도구"

세션 종료 전 HANDOFF.md 작업 인계 문서 생성. Triggers on: 인계, handoff, 세션 정리, HANDOFF.md, 작업 넘기기. NOT for: 코드 작성, 리뷰.

하네스(hooks, skills, agents, rules) 전체 건강도를 진단하고 점수 산출. Triggers on: harness audit, 하네스 진단, 설정 점검, 하네스 점검. NOT for: 코드 작성, 구현.

에이전트 하네스 12원칙 기반 자가 진단 및 개선 제안. Triggers on: 하네스 진단, audit, 환경 점검, setup, maintenance, drift 확인. NOT for: 코드 구현, 버그 수정, 테스트 작성.

REQUIRED for all image generation requests. Generate and edit images using Gemini CLI with image models. Handles blog featured images, YouTube thumbnails, icons, diagrams, patterns, illustrations, photos, visual assets, graphics, artwork, pictures. Use this skill whenever the user asks to create, generate, make, draw, design, or edit any image or visual content.

복잡한 작업 전 계획 수립. Plan 모드에서 사용하거나 자동 활성화. 트리거: "계획", "플랜", "어떻게 구현", "설계", "아키텍처 결정" 안티-트리거: "바로 구현해", "간단한 수정", "마이크로 수정"

Implement comprehensive testing strategies with pytest, fixtures, mocking, and test-driven development. 트리거: "pytest", "Python 테스트", "fixture", "mocking", "테스트 작성" 안티-트리거: "JavaScript 테스트", "Jest", "E2E 테스트"

Comprehensive React 19 patterns expert covering Server Components, Actions, use() hook, useOptimistic, useFormStatus, useFormState, React Compiler, concurrent features, Suspense, and modern TypeScript development. 트리거: "React", "컴포넌트", "hooks", "JSX/TSX", "상태 관리" 안티-트리거: "Vue", "Svelte", "Angular", "백엔드"

현재 브랜치의 변경사항 코드 리뷰. Codex + Claude 듀얼 리뷰. 트리거: "리뷰", "review", "검토", "코드 리뷰", "PR 리뷰", "변경사항 확인" 안티-트리거: "구현", "코드 작성", "빌드"

Complete shadcn/ui component library guide including installation, configuration, and implementation of accessible React components. Use when setting up shadcn/ui, installing components, building forms with React Hook Form and Zod, customizing themes with Tailwind CSS, or implementing UI patterns like buttons, dialogs, dropdowns, tables, and complex form layouts. 안티-트리거: "Material UI", "Chakra UI", "순수 CSS 컴포넌트"

코드 단순화 및 리팩토링 — 변경된 코드를 리뷰하고 불필요한 추상화, 중복, 복잡성을 제거합니다. Triggers on: 단순화, simplify, 리팩토링, 코드 정리, 코드 개선. NOT for: 새 기능 추가, 버그 수정.

SPEC.md 명세서 대비 구현 완료도를 검증합니다. Triggers on: 스펙 검증, spec-verify, 명세서 검증, 구현 검증. NOT for: 코드 리뷰, 단위 테스트, 빌드 검증.

SPEC 기반 개발 인터뷰 — 심층 질문을 통해 상세한 SPEC.md 명세서를 생성합니다. Triggers on: 스펙, spec, 명세서, 인터뷰, 기능 설계. NOT for: 바로 구현, 간단한 수정, 코드 작성.

Stitch 프로젝트를 분석하여 DESIGN.md 파일을 생성합니다 — 디자인 시스템을 시맨틱하고 자연스러운 언어로 문서화하여 일관된 UI 생성을 지원합니다. Triggers on: Stitch, 디자인 시스템, DESIGN.md, Stitch 디자인 분석. NOT for: React 컴포넌트 변환, 코드 구현.

모호한 UI 아이디어를 Stitch에 최적화된 상세 프롬프트로 변환합니다 — 구체성 향상, UI/UX 키워드 추가, 디자인 시스템 컨텍스트 주입. Triggers on: 프롬프트 향상, Stitch 프롬프트, UI 아이디어, 프롬프트 개선. NOT for: 직접 코딩, React 구현.

Stitch를 사용하여 자율적으로 멀티 페이지 웹사이트를 생성하는 반복 빌드 루프 패턴 — 바통 시스템으로 지속적 웹사이트 개발. Triggers on: Stitch 루프, 웹사이트 생성, 멀티 페이지, 빌드 루프. NOT for: 단일 페이지, React 앱.

Stitch 스크린을 React 컴포넌트 시스템으로 변환합니다 — 디자인 토큰 추출, 컴포넌트 분해, TypeScript 타입 생성, 자동 검증 포함. Triggers on: Stitch React, 컴포넌트 변환, React 변환, HTML to React. NOT for: 새 React 앱 생성, API 구현.

Build scalable design systems with Tailwind CSS, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns. Triggers on "Tailwind", "디자인 시스템", "디자인 토큰", "컴포넌트 라이브러리", "Tailwind 설정". Anti-triggers: "Bootstrap", "순수 CSS", "CSS-in-JS".

테스트 주도 개발 - 테스트 먼저 작성 후 구현. 트리거: "TDD", "테스트 먼저", "테스트 주도", "RED-GREEN-REFACTOR". 안티-트리거: "구현 먼저", "테스트 나중에".

기술 부채 정리 - 중복 코드, console.log, 사용하지 않는 import 등 검사 및 정리. 세션 종료 전 사용 권장. 트리거: "기술 부채", "techdebt", "console.log 정리", "사용하지 않는 import", "코드 정리". 안티-트리거: "새 기능 추가", "리팩토링".

Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications. Use when implementing complex type logic, creating reusable type utilities, or ensuring compile-time type safety in TypeScript projects. Triggers on "TypeScript 타입", "제네릭", "conditional types", "mapped types", "utility types", "타입 유틸리티". Anti-triggers: "JavaScript", "Python 타입 힌트", "일반 TS 코딩".

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements. Anti-triggers: "Vue", "Angular", "백엔드 최적화".

작업 완료 후 코드 검증 (타입체크, 린트, 테스트, 빌드). Triggers on: 검증, verify, 테스트 돌려, 빌드 확인, 타입체크. NOT for: E2E 테스트, 코드 작성, 구현.