القائمة
frontend/.claude/skills/ 아래에 새 프론트엔드 스킬을 만드는 메타 스킬. "스킬 만들어줘", "skill 생성", "새 스킬 추가", "fe 스킬 만들어줘", "스킬 크리에이터" 요청 시 트리거한다. 기존 fe- 스킬과 형식·말투·범위를 일치시켜 SKILL.md를 생성한다.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
| name | fe-skill-creator |
| description | frontend/.claude/skills/ 아래에 새 프론트엔드 스킬을 만드는 메타 스킬. "스킬 만들어줘", "skill 생성", "새 스킬 추가", "fe 스킬 만들어줘", "스킬 크리에이터" 요청 시 트리거한다. 기존 fe- 스킬과 형식·말투·범위를 일치시켜 SKILL.md를 생성한다. |
frontend/.claude/skills/{name}/SKILL.md를 일관된 형식으로 작성한다.
이 스킬은 frontend/ 범위에서만 동작한다. backend/ 파일은 수정하지 않는다.
AGENTS.md다. 스킬은 표를 옮겨 적지 않고 > 규칙 기준: AGENTS.md "{섹션}"으로 참조한다.frontend/ 범위 밖을 건드리지 않는다.아래를 확인한다. 불명확하면 사용자에게 질문한다.
| 항목 | 규칙 |
|---|---|
| 이름 | fe- 접두사 + kebab-case (예: fe-figma) |
| 디렉토리 | frontend/.claude/skills/{name}/ |
| 파일 | 디렉토리 안에 SKILL.md 하나 |
| 트리거 | 사용자가 어떤 말로 부를지 (자연어 문구 3개 이상) |
| 참조 섹션 | 이 스킬이 의존하는 AGENTS.md 섹션 목록 |
name은 frontmatter와 디렉토리명이 반드시 일치해야 한다.
---
name: fe-{name}
description: {한 줄 역할}. "{트리거 문구1}", "{트리거 문구2}", "{트리거 문구3}" 요청 시 트리거한다. {독립/조합 사용 여부와 하지 않는 일}.
---
description 규칙:
본문은 아래 골격을 따른다. 말투는 한국어 명령형(~한다), 구조는 표·Step N·예시 코드(fenced block)·체크리스트다.
# Fe-{Name} — {역할} 스킬
{한 줄 설명}
이 스킬은 `frontend/` 범위에서만 동작한다. `backend/` 파일은 수정하지 않는다.
> 규칙 기준: `AGENTS.md` "{섹션}", "{섹션}"
## Step 1: ...
## Step 2: ...
## 자가 확인
- [ ] ...
작성 규칙:
| 항목 | 규칙 |
|---|---|
| 범위 선언 | 본문 첫 문단에 frontend 범위 한정을 반드시 적는다. |
| 경로 표기 | frontend 루트 기준 상대경로(src/...)를 쓴다. AGENTS.md와 동일. |
| 예시 코드 | 추상 예시보다 실제 파일 패턴을 인용한다 (예: band-api.ts). |
| 표 | 선택지·매핑·체크 항목은 산문 대신 표로 정리한다. |
| 자가 확인 | 마지막에 체크리스트로 결과를 스스로 검증하게 한다. |
새 스킬을 기존 fe- 스킬(fe-publish, fe-test, fe-api, fe-qa)과 비교해 형식이 어긋나지 않는지 확인한다.
새 스킬을 만들면 frontend/CLAUDE.md의 "하네스: Frontend" 트리거 표와 변경 이력에 한 줄 추가한다.
name이 디렉토리명과 일치하는가?description에 트리거 문구가 3개 이상 있는가?AGENTS.md 섹션을 참조했는가?frontend/CLAUDE.md 트리거 표에 등록했는가?현재 PR의 리뷰 코멘트를 분석해 타당한 것만 반영하는 스킬. "리뷰 반영해줘", "PR 리뷰 처리해줘", "코드래빗 리뷰 봐줘", "리뷰 코멘트 반영", "follow review", "apply review" 요청 시 트리거한다. 사람 리뷰는 존중하고 AI 리뷰는 선별해 반영하며, 수정 후 검증한다.
백엔드 API를 frontend/src에 연동하는 스킬. "API 연동해줘", "백엔드 연결해줘", "엔드포인트 붙여줘", "쿼리 훅 만들어줘", "mutation 추가해줘", "이 API 호출하게 해줘" 요청 시 트리거한다. 타입·schema·API 함수·훅·MSW 핸들러를 기존 패턴대로 작성한다.
Figma 디자인을 가져와 frontend/src에 컴포넌트로 구현하는 스킬. "피그마 적용", "figma 디자인 구현해줘", "이 화면 만들어줘", "캡쳐한 디자인대로 만들어줘", figma.com URL 제공 시 트리거한다. 기존 디자인 토큰과 shared/ui 컴포넌트를 재사용해 구현한다.
frontend/src 코드에 테스트를 작성하는 스킬. "테스트 작성해줘", "test 짜줘", "테스트 추가해줘", "이거 테스트 커버해줘", "spec 작성" 요청 시 트리거한다. 대상에 맞는 도구를 골라 계약 중심 테스트를 작성한다.
frontend/src 변경을 시니어 개발자 시선으로 검증하는 QA 스킬. "QA 해줘", "검증해줘", "코드 리뷰", "리뷰해줘", "merge 전에 봐줘" 요청 시 트리거한다. 구현하지 않고 검증과 보고만 수행한다.
Notion에서 백엔드 모듈의 API 명세를 MCP로 가져와 docs/backend/api-docs/{module}.md에 저장하는 스킬. "Notion API 가져와줘", "api-docs 동기화", "API 명세 불러와줘", "[모듈] API 문서 받아와", "api-docs 업데이트", "Notion에서 [모듈] 명세 내려받아" 요청 시 트리거한다. be-orchestrate가 Phase 1에서 내부적으로 사용하며 독립적으로도 트리거 가능하다.