메뉴
새로운 어드민 기능을 코딩하기 전에 구조화된 구현 계획을 작성합니다. 기능을 처음부터 시작할 때 사용하세요.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
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 # 키 추가
구현을 진행하기 전에 반드시 사용자 승인을 기다리세요.