feature-slicing
✓프런트엔드 프로젝트에 FSD(Feature-Sliced Design) 아키텍처를 적용합니다. 트리거 대상: FSD, 기능 슬라이싱, 프런트엔드 아키텍처, 레이어 구조, 모듈 경계, 확장 가능한 프런트엔드, 슬라이스 구성. 사용 시기: 새로운 기능/구성 요소/페이지 생성, React/Next.js/Vue/Remix 프로젝트 재구성, 프런트엔드 코드 구성, 프로젝트 구조 설정, 가져오기 위반 수정, 레거시 코드베이스 마이그레이션 등이 있습니다.
SKILL.md
Frontend architecture methodology with strict layer hierarchy and import rules for scalable, maintainable applications. FSD organizes code by business domain rather than technical role.
Modules can ONLY import from layers strictly below them. Never sideways or upward.
| Cross-slice (same layer) | features/auth → features/user | Extract to entities/ or shared/ | | Upward import | entities/user → features/auth | Move shared code down | | Shared importing up | shared/ → entities/ | Shared has NO internal deps |
프런트엔드 프로젝트에 FSD(Feature-Sliced Design) 아키텍처를 적용합니다. 트리거 대상: FSD, 기능 슬라이싱, 프런트엔드 아키텍처, 레이어 구조, 모듈 경계, 확장 가능한 프런트엔드, 슬라이스 구성. 사용 시기: 새로운 기능/구성 요소/페이지 생성, React/Next.js/Vue/Remix 프로젝트 재구성, 프런트엔드 코드 구성, 프로젝트 구조 설정, 가져오기 위반 수정, 레거시 코드베이스 마이그레이션 등이 있습니다. 출처: ccheney/robust-skills.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/ccheney/robust-skills --skill feature-slicing- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
feature-slicing이란?
프런트엔드 프로젝트에 FSD(Feature-Sliced Design) 아키텍처를 적용합니다. 트리거 대상: FSD, 기능 슬라이싱, 프런트엔드 아키텍처, 레이어 구조, 모듈 경계, 확장 가능한 프런트엔드, 슬라이스 구성. 사용 시기: 새로운 기능/구성 요소/페이지 생성, React/Next.js/Vue/Remix 프로젝트 재구성, 프런트엔드 코드 구성, 프로젝트 구조 설정, 가져오기 위반 수정, 레거시 코드베이스 마이그레이션 등이 있습니다. 출처: ccheney/robust-skills.
feature-slicing 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/ccheney/robust-skills --skill feature-slicing 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/ccheney/robust-skills
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01