Communitygithub.com

Luijaa/web-template

새로운 시스템이나 대규모 기능을 코드 작성 전에 설계합니다 — 인터뷰 라운드, docs/design/<slug>.md 템플릿 작성, ADR 및 용어집, make docs-check 실행, 문서 전용 PR 승인 요청. 설계가 필요하거나 /new-feature에서 기능이 크다고 판단될 때 사용합니다.

web-template란 무엇인가요?

이 스킬은 개발자가 새로운 시스템이나 대규모 기능을 코드 한 줄 없이 문서로 설계할 수 있도록 돕는 AI 에이전트 가이드입니다. `docs/design-process.md` 파일에 정의된 모든 단계를 따르며, 설계 필요성 판단부터 인터뷰 라운드, 설계 문서 작성, ADR(Architecture Decision Record) 생성, 용어집 갱신, C4 다이어그램 업데이트, `make docs-check`를 통한 문서 검증, 문서 전용 PR 생성, 승인 후 하위 이슈 발행까지 전 과정을 자동화합니다. 설계가 필요 없다고 판단되면 단 1줄로 이유를 설명하고 `new-feature` 스킬로 전환하며, 확실하지 않은 경우 사용자에게 먼저 질문합니다. 이 스킬은 주로 Claude Code와 같은 AI 코딩 에이전트 환경에서 사용되며, 설계 단계에서의 체계적인 사고와 문서화를 촉진하여 코드 품질과 협업 효율성을 높입니다. 각 라운드마다 질문-답변 형식으로 진행되며, 에이전트는 `CONTEXT.md`, 기존 ADR, 아키텍처 문서, 다른 설계 문서를 먼저 읽고 스스로 정보를 수집합니다. 설계가 승인된 후에는 epic 이슈 아래 하위 이슈를 순차적으로 생성하고, 실제 코드 작업은 `new-feature` 스킬로 이어집니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Luijaa/web-template/tree/HEAD/.agents/skills/design

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

Design: $ARGUMENTS

docs/design-process.md의 모든 단계를 따릅니다 — 이 파일이 규칙이며, 이 스킬은 작업 순서만 정의합니다. 충돌 시 해당 파일을 우선합니다.

  1. 설계가 필요한가? — docs/design-process.md의 섹션 1 표와 비교
    • 필요 없음: 한 줄로 이유를 설명하고 new-feature로 돌아갑니다.
    • 확실하지 않음: 먼저 사용자에게 질문합니다.
  2. 시작 (섹션 3.0): epic 이슈 (design 레이블), 브랜치 docs/<id>-design-<slug>, docs/design/template.md를 docs/design/<slug>.md로 복사 (system.md 또는 <epic 번호>-<slug>.md), status: draft로 설정하고 docs/design/README.md에 행을 추가합니다.
  3. 질문 전에 읽기: CONTEXT.md, docs/adr/, docs/architecture.md, docs/design/의 다른 설계 문서 — 스스로 찾을 수 있는 정보는 직접 찾고, 질문하지 않습니다.
  4. 인터뷰 라운드 진행 (섹션 3.1): 각 질문은 Qn — 주제: 질문 + 권장사항: … 형식, 각 라운드마다 1–2개의 경계 사례를 포함합니다 — A–H 가지(섹션 3.2)를 모두 탐색하고 승인 지점 1, 2(system), 3에서 사용자 입력을 기다립니다.
  5. 매 라운드 후 파일 업데이트: 설계 파일의 섹션, CONTEXT.md의 새 용어, docs/adr/에 proposed 상태의 ADR (+ 인덱스 업데이트), 컨테이너/외부 시스템이 변경된 경우 docs/architecture.md의 C4 다이어그램을 업데이트합니다.
  6. 검증 (섹션 3.3): make docs-check 통과 필요 (Makefile에 해당 대상이 없는 저장소: python3 <web-template 경로>/scripts/check-docs.py <repo> — Hermes 팀: /home/opc/projects/web-template) + 자체 체크리스트를 수행한 후 status: proposed로 설정합니다.
  7. 문서 전용 PR: docs(design): <slug>, 본문에 Refs #<epic>, 아직 열린 대안 요약, ## CHANGELOG 섹션에 - 포함 — 코드는 절대 포함하지 않으며, 머지하지 않습니다.
  8. 승인 (섹션 3.4): 승인자가 커밋하면 status: approved + approved-by 설정, 같은 PR에서 ADR을 accepted로 변경 (make docs-check 통과 필요), 이후 사용자가 머지합니다.
  9. 머지 후 (섹션 3.5): 섹션 13에 따라 하위 이슈를 하나씩 생성하고, 각 이슈는 epic과 설계 파일을 링크합니다 — 코드 작업은 new-feature로 시작합니다.

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

관련 스킬