Menü
Ballog(apps/web) FSD 레이어 규칙. 의존 방향, public API, import 순서, 네이밍. 파일 생성/리뷰 시 경계 위반 검증에 사용.
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Basierend auf der SOC-Berufsklassifikation
Ballog entity 슬라이스 생성 템플릿. ky API 그룹, query-key-factory 등록, query/mutation 훅 네이밍과 invalidation 규칙. /feat-new 가 참조.
Ballog MSW handler/data 생성 템플릿과 handlers.ts 레지스트리 삽입 규칙. /feat-new 가 참조.
Ballog 커밋 및 PR 메시지 컨벤션. 이모지 prefix(✨Feat/💄Style/✏️Fix)와 fix:/feat: 간결 스타일 혼용 규칙, 한국어 PR 본문 작성 틀. /review-pr 이 참조.
/feat-new 가 읽는 Ballog API 명세 MD의 YAML 스키마 정의. endpoints/types/msw/figma 필드와 작성 규칙. spec 파일 작성이나 파싱할 때 참조.
Ballog 프로젝트의 Tailwind + cn() 사용 규칙. 조건부 클래스 가독성, twMerge 충돌 회피, 반복 유틸 추출 기준. className을 작성하거나 리뷰할 때 참조.
| name | ballog-fsd-conventions |
| description | Ballog(apps/web) FSD 레이어 규칙. 의존 방향, public API, import 순서, 네이밍. 파일 생성/리뷰 시 경계 위반 검증에 사용. |
app → pages → widgets → features → entities → shared
apps/web/src/app — 앱 초기화, provider, 라우터apps/web/src/pages — 라우트 화면 (auth / community / home / live-recording / mypage / onBoarding / record / term)apps/web/src/widgets — 여러 feature를 합성한 UI 블록apps/web/src/features — 사용자 액션 단위 (로그인, 친구 추가 등)apps/web/src/entities — 도메인 모델 단위 UI/스토어apps/web/src/shared — 공용 lib / ui / configindex.ts)각 슬라이스는 index.ts로만 외부에 공개한다.
features/add-friend/
├── ui/AddFriendSheet.tsx
├── model/useAddFriend.ts
└── index.ts ← export { AddFriendSheet }
외부에서 features/add-friend/ui/AddFriendSheet 직접 deep import 금지.
react, 라이브러리)@/app, @/pages, @/widgets, ...)./, ../)각 블록 사이 빈 줄 1칸.
import { cn } from '@/shared/lib/classnames'
PascalCase.tsxuseXxx.tscamelCase.tskebab-case / camelCase 혼재 — PR에서 통일 제안)entities → features)index.ts 우회 deep import (예: features/foo/ui/Bar)8ade176에서 발생한 유형)