From fe-rail
새 프론트엔드 기능의 요구사항을 구조화된 스펙으로 변환합니다. Use when: 새 기능 시작 전, feature.md 작성이 필요할 때, 기획서를 개발 스펙으로 변환할 때. Do NOT load for: 버그 수정, 리팩토링, 단순 스타일 변경.
How this skill is triggered — by the user, by Claude, or both
Slash command
/fe-rail:fe-specThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
사용자의 기능 설명을 받아 실행 가능한 프론트엔드 스펙으로 변환합니다.
사용자의 기능 설명을 받아 실행 가능한 프론트엔드 스펙으로 변환합니다.
feature.md가 없거나 내용이 불충분할 때요구사항이 복잡하거나 디자인 시안이 있는 경우, 스펙 작성 전 아래 에이전트에 위임한다:
| 상황 | 위임 에이전트 |
|---|---|
| 요구사항이 모호하거나 갭이 있을 때 | fe-analyst — 6갭 분석 후 명확화 질문 도출 |
| Figma·스크린샷·디자인 시안이 있을 때 | fe-vision — 레이아웃·컴포넌트·색상 추출 |
| 특정 라이브러리·API 조사가 필요할 때 | fe-researcher — 공식 문서 기반 조사 |
| RSC 경계·아키텍처·스타일링 전략(Tailwind/shadcn) 결정이 필요할 때 | fe-architect — 구조 자문 |
사용자에게 반드시 확인:
feature.md 파일을 프로젝트 루트에 생성합니다:
# [기능명]
## 목적
## 컴포넌트 구조
- 신규:
- 수정:
## 기술 상세
- 관련 페이지/라우트:
- API 엔드포인트:
- 상태관리: (예: Zustand·Pinia·NgRx | TanStack Query | 로컬 state)
- 스타일링: (Tailwind 클래스 / shadcn/ui 컴포넌트 / 커스텀 CSS)
- 의존 컴포넌트:
## 완료 기준 (Acceptance Criteria)
- [ ] TypeScript 타입 에러 0개
- [ ] 린터(ESLint/Biome) 경고 0개
- [ ] Vitest 테스트 통과
- [ ] 반응형: 모바일(375px) / 태블릿(768px) / 데스크탑(1280px)
- [ ] 접근성: 키보드 네비게이션, aria-label 적용
## 금지 사항
- [ ] any 타입 사용
- [ ] 컴포넌트 라이프사이클에서 서버 데이터 직접 fetch
- [ ] 컴포넌트에 비즈니스 로직 직접 작성
스펙 작성 후 반드시 물어봅니다:
"위 스펙으로 구현을 진행할까요? 수정할 부분이 있으면 말씀해주세요."
승인 전에는 절대 구현을 시작하지 않습니다.
Creates, edits, and optimizes skills for Claude Code, including drafting, evaluating with test prompts, iterating on performance, and improving skill descriptions for better triggering accuracy.
npx claudepluginhub sh5623/fe-rail --plugin fe-rail