React, Next.js, Remix, React Router 프로젝트를 위한 Feature-Sliced Design 아키텍처 가드 스킬
이 스킬은 Feature-Sliced Design (FSD) 방법론을 React, Next.js, Remix, React Router 기반 프로젝트에 적용하도록 도와주는 아키텍처 가드입니다. FSD는 프로젝트 구조를 기능 단위로 분할하여 유지보수성과 확장성을 높이는 아키텍처 패턴으로, 이 스킬은 코드베이스가 FSD 원칙을 따르도록 자동으로 검사하고 가이드합니다. 주로 Claude Code, Cursor, Codex와 같은 AI 에이전트와 함께 사용되며, 사용자가 프로젝트를 설정하거나 리팩터링할 때 적절한 디렉토리 구조와 파일 배치를 제안합니다. 이를 통해 대규모 프론트엔드 프로젝트에서 일관된 아키텍처를 유지하고 기술 부채를 줄이는 데 기여할 수 있습니다.
npx skills add marzun9620/fsd-skillReact, Next.js, Remix, React Router 프로젝트를 위한 Feature-Sliced Design 아키텍처 가드 스킬
이 스킬은 Feature-Sliced Design (FSD) 방법론을 사용하는 프론트엔드 프로젝트에서 아키텍처 무결성을 유지하도록 도와줍니다.
AI 에이전트에서 이 스킬을 활성화하면 다음과 같은 도움을 받을 수 있습니다:
# 프로젝트 구조 검사 실행
deno task check:fsd
MIT
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".