Communitygithub.com

feature-sliced/skills

프론트엔드 프로젝트에서 Feature-Sliced Design (FSD) v2.1을 적용하기 위한 AI 에이전트 스킬입니다.

skills란 무엇인가요?

이 스킬은 AI 에이전트(Claude Code, Cursor, Codex 등)가 프론트엔드 프로젝트에서 Feature-Sliced Design (FSD) v2.1 방법론을 일관되게 적용할 수 있도록 돕습니다. FSD는 기능별로 코드를 계층화하여 프로젝트 구조를 체계화하는 아키텍처 패턴으로, 유지보수성과 확장성을 크게 향상시킵니다. 이 스킬은 FSD의 핵심 규칙(슬라이스 간 의존성 방향, 공유 모듈 사용, 엔티티-피처-위젯-페이지-앱 계층 구조)을 AI 에이전트가 이해하고 코드 생성 및 리팩토링 시 자동으로 준수하도록 안내합니다. 주로 React, Vue, Angular 등 모던 프론트엔드 프레임워크와 함께 사용되며, 설정 파일(fsd.config.ts)과 폴더 구조 템플릿을 기반으로 작동합니다.

지원 대상~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add feature-sliced/skills
원본 보기→모든 스킬 둘러보기

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

문서

skills은(는) 무엇을 하나요?

프론트엔드 프로젝트에서 Feature-Sliced Design (FSD) v2.1을 적용하기 위한 AI 에이전트 스킬입니다.

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

feature-sliced/feature-sliced-design

Official Feature-Sliced Design (FSD) v2.1 skill for applying the methodology to frontend projects. Use when the task involves organizing project structure with FSD layers, deciding where code belongs, placing static assets (images, icons, fonts, PDFs), grouping closely related slices, defining public APIs and import boundaries, resolving cross-imports or evaluating the @x pattern, deciding whether to create or remove an entity, evaluating whether the entities layer is needed at all, deciding whether logic should remain local or be extracted, migrating from FSD v2.0 or a non-FSD codebase, integrating FSD with frameworks (Next.js App Router and Pages Router, Nuxt, Vite, Astro), or implementing common patterns such as authentication, API handling, Redux, and TanStack Query (React Query) within FSD.

관련 스킬

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

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".

community

mattpocock/prototype

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.

community

mattpocock/grill-me

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".

community