Menu
새로운 어드민 기능을 코딩하기 전에 구조화된 구현 계획을 작성합니다. 기능을 처음부터 시작할 때 사용하세요.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
FSD 아키텍처를 따르는 새 어드민 페이지의 기본 파일 구조를 생성합니다. 새 목록 또는 상세 페이지를 구현할 때 사용하세요.
이 어드민 코드베이스의 TanStack Query 패턴 및 코드 템플릿입니다. useQuery 또는 useMutation 훅을 작성할 때 적용하세요.
UI 컴포넌트에서 비즈니스 로직을 features/<entity>/hooks/의 커스텀 훅으로 추출합니다.
한국어 메시지로 원자적이고 잘 구조화된 git 커밋을 생성합니다.
한국어 제목과 설명으로 GitHub 풀 리퀘스트를 생성합니다.
lint, 타입 체크, 테스트를 실행합니다. 오류는 최대 3회 시도까지 자동으로 수정합니다.
| name | feature-plan |
| description | 새로운 어드민 기능을 코딩하기 전에 구조화된 구현 계획을 작성합니다. 기능을 처음부터 시작할 때 사용하세요. |
| argument-hint | <기능명> |
| disable-model-invocation | true |
다음 기능의 구현 계획을 작성하세요: $ARGUMENTS
<entity>: {
all: ["<entity>"] as const,
list: (filters) => [..., "list", filters] as const,
detail: (id) => [..., "detail", id] as const,
}
features/<entity>/
├── api/ # useXQuery.ts, useXMutation.ts
├── hooks/ # useXList.ts, useXDetail.ts
├── ui/ # Table, Modal, Filter + styles
├── types/ # entity.ts
└── index.ts
pages/
└── <Entity>ListPage.tsx, <Entity>DetailPage.tsx
shared/api/queryKeys.ts # 키 추가
구현을 진행하기 전에 반드시 사용자 승인을 기다리세요.