feature-sliced-design
✓フィーチャースライス デザイン (FSD) v2.1 アーキテクチャ手法をフロントエンド プロジェクトに適用します。コード構造の整理、機能の分解、新しいコンポーネントや機能の作成、既存のコードベースのリファクタリングを行う場合、またはユーザーが「FSD」、「機能スライス」、レイヤー、スライス、またはフロントエンド アーキテクチャ パターンについて言及する場合に使用します。
インストール
SKILL.md
An architectural methodology skill for scaffolding and organizing frontend applications using Feature-Sliced Design principles.
Feature-Sliced Design v2.1 is a compilation of rules and conventions for organizing frontend code to make projects more understandable, maintainable, and stable in the face of changing business requirements.
Version 2.1 introduces the "Pages First" approach - keeping more code in pages and widgets rather than prematurely extracting it to features and entities.
フィーチャースライス デザイン (FSD) v2.1 アーキテクチャ手法をフロントエンド プロジェクトに適用します。コード構造の整理、機能の分解、新しいコンポーネントや機能の作成、既存のコードベースのリファクタリングを行う場合、またはユーザーが「FSD」、「機能スライス」、レイヤー、スライス、またはフロントエンド アーキテクチャ パターンについて言及する場合に使用します。 ソース: aiko-atami/fsd。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/aiko-atami/fsd --skill feature-sliced-design- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-17
- 更新日
- 2026-02-18
クイックアンサー
feature-sliced-design とは？
フィーチャースライス デザイン (FSD) v2.1 アーキテクチャ手法をフロントエンド プロジェクトに適用します。コード構造の整理、機能の分解、新しいコンポーネントや機能の作成、既存のコードベースのリファクタリングを行う場合、またはユーザーが「FSD」、「機能スライス」、レイヤー、スライス、またはフロントエンド アーキテクチャ パターンについて言及する場合に使用します。 ソース: aiko-atami/fsd。
feature-sliced-design のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/aiko-atami/fsd --skill feature-sliced-design インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/aiko-atami/fsd
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-17