con un clic
design-radio
RADIO 기반 FE/BE 설계 체크리스트. `/design` command가 각 Step에서 참조하는 판단 기준과 질문 목록.
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Menú
RADIO 기반 FE/BE 설계 체크리스트. `/design` command가 각 Step에서 참조하는 판단 기준과 질문 목록.
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
| name | design-radio |
| description | RADIO 기반 FE/BE 설계 체크리스트. `/design` command가 각 Step에서 참조하는 판단 기준과 질문 목록. |
GreatFrontEnd의 RADIO Framework를 실무 확장한 설계 체크리스트.
/design command가 C → RADIO → V 각 단계에서 이 스킬을 참조한다.
사용 방법:
/design command의 각 Step에서 자동 참조됨Gate In ─ C Context 기존 코드·패턴·컨벤션 파악
R Requirements 문제 정의 + 기능/비기능 + 스코프 아웃
RADIO A Architecture 주요 컴포넌트 + 책임 할당
D Data Model 엔티티, 필드, 데이터 출처/생명주기
I Interface 경계를 넘는 계약 (API, props, 이벤트)
O Optimizations NFR에서 도출된 항목만 (YAGNI)
Gate Out ─ V Verification Given/When/Then 핵심 3~5개
라디오를 켜기 전에 주파수를 맞추고(C), 끝나면 수신을 확인한다(V).
각 단계의 상세 체크리스트:
references/checklist-common.md (항상 참조)references/checklist-fe.md (공통 + FE)references/checklist-be.md (공통 + BE)기존 코드와 컨벤션을 먼저 파악한다. 그 다음 R에서 "X를 하면 Y가 된다"를 한 문장으로 적을 수 없으면, 아직 설계할 준비가 안 된 것. PRD를 다시 읽거나 PM에게 질문한다.
| 작업 크기 | Gate (C/V) | RADIO 단계 |
|---|---|---|
| 버그 수정 / 1일 작업 | C, V (항상) | R |
| 기능 추가 / 1주 작업 | C, V (항상) | R, D, I |
| 시스템 설계 / 1달+ | C, V (항상) | R, A, D, I, O |
Gate(C/V)는 항상 수행한다. RADIO 단계는 작업 크기에 맞춰 선택한다.
C — Context (Gate In)
"지금 코드베이스에서 재사용하거나 변경할 것은?"
R — Requirements
"무엇을 해야 하고, 무엇을 하지 않는가?"
A — Architecture
"주요 조각은 무엇이고, 각각 무슨 책임을 가지는가?"
D — Data Model
"어떤 데이터가 존재하고, 어디서 오고, 어디에 저장되는가?"
I — Interface Definition
"컴포넌트 간 경계에서 무엇이 오고 가는가?"
O — Optimizations
"NFR에서 도출된 최적화는 무엇인가?"
V — Verification (Gate Out)
"이것이 완료되었다는 것을 어떻게 증명하는가?"
| 안티패턴 | 문제 | 해결 |
|---|---|---|
| C 없이 R부터 시작 | 기존 코드를 모르고 요구사항부터 정의 | C(Gate In)부터 시작 |
| C를 건너뜀 | 이미 있는 걸 새로 만듦 | Gate는 항상 수행 |
| D와 I를 동시에 생각 | 데이터와 계약이 뒤섞임 | D(무엇이 존재하는가) 먼저, I(어떻게 주고받는가) 다음 |
| O에서 추측성 최적화 | YAGNI 위반 | R의 NFR에 없으면 안 함 |
| V 없이 구현 시작 | "완료"가 정의되지 않음 | 최소 3개 Given/When/Then |
| Domain이 Infrastructure를 import | Dependency Rule 위반 | Domain은 순수 비즈니스 규칙만. 외부 의존은 Port interface로 역전 |
Library/API 설계 판단 기준. `/design` command의 D step에서 기술 라이브러리를 설계할 때 참조.
DDD 도메인 모델링 판단 기준. `/design` command의 D step에서 도메인 복잡도가 높을 때 참조.
BE TechSpec 문서 작성 템플릿과 패턴. 백엔드 프로젝트의 기술 명세서를 작성할 때 참조. Use when: BE TechSpec 작성, API 설계 문서 생성, Given/When/Then 테스트 케이스 정의, DB 스키마 설계, 서비스 아키텍처 설계 문서 작성 시 사용.
Entity Object(companion object) 패턴. Entity interface와 같은 이름의 const 객체에 도메인 로직 함수를 그룹화. Use when: TDD Refactor 단계에서 반복되는 도메인 로직을 정리할 때, Entity 구현 시 도메인 로직 코드화, UI/API/테스트에서 동일 로직 재사용이 필요할 때.
FE TechSpec 문서 작성 템플릿과 패턴. Linear 프로젝트의 기술 명세서를 작성할 때 참조. Use when: TechSpec 작성, 기술 명세서 생성, Given/When/Then 테스트 케이스 정의, Acceptance Criteria 작성, Solution 설계 문서 작성 시 사용.
Seed Design React 컴포넌트 라이브러리 참고 문서. Use when: @seed-design/react 컴포넌트 사용, UI 컴포넌트 구현, seed-design 컴포넌트의 props/API 확인이 필요할 때.