Agent Skills by ALSEL
Anthropic Claudeソフトウェア開発⭐ リポ 0品質スコア 50/100

feature-sliced-design

Feature-Sliced Design(FSD)v2.1は、フロントエンドプロジェクトにこの設計手法を適用するためのスキルです。プロジェクト構造のFSDレイヤーによる整理、コードの配置場所の決定、静的アセット(画像、アイコン、フォント、PDF)の配置、関連するスライスのグループ化、パブリックAPIとインポート境界の定義、@xパターンの評価、エンティティの作成・削除判断、ロジックのローカル保持または抽出の判断、v2.0または非FSDコードベースからの移行、Next.jsやNuxt、Vite、Astroなどのフレームワークとの統合、認証やAPI処理、Redux、TanStack Queryなどのパターン実装に使用します。

description の原文を見る

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

SKILL.md 本文

注意: このスキルのライセンスは unknown です。本サイトでは本文プレビューのみを表示しています。利用前に GitHub の原本でライセンス条件をご確認ください。

Feature-Sliced Design (FSD) v2.1

出典: fsd.how | 厳密性はプロジェクトの規模とチームのコンテキストに基づいて調整できます。


1. コア哲学とレイヤー概要

FSD v2.1 のコア原則:「シンプルに始める、必要になったら抽出する」

まず pages/ にコードを配置します。ページ間の重複は許容され、より下層への抽出を自動的には要求しません。同じコードが現在複数の場所で実際に使用されており(仮説ではなく)、その使用法が常に一緒に変わるわけではなく、その境界が焦点を絞った責任を持つ場合にのみ抽出します。

すべてのレイヤーが必須ではありません。 ほとんどのプロジェクトは shared/pages/app/ のみで開始できます。widgets/features/entities/ は、明確な価値をもたらす場合にのみ追加してください。空のレイヤーフォルダを「念のため」作成しないでください。

FSD は 6 つの標準化されたレイヤーを使用します。以下は高い順から低い順にリストされています:

app/       → アプリ初期化、プロバイダー、ルーティング
pages/     → ルートレベルの構成、

...

詳細情報

作者
feature-sliced
リポジトリ
feature-sliced/skills
ライセンス
unknown
最終更新
不明

Source: https://github.com/feature-sliced/skills / ライセンス: unknown

関連スキル

汎用ソフトウェア開発⭐ リポ 39,967

doubt-driven-development

重要な判断はすべて、本番環境への展開前に新しい視点から対抗的レビューを実施します。速度より正確性が重要な場合、不慣れなコードを扱う場合、本番環境・セキュリティに関わるロジック・取り消し不可の操作など影響度が高い場合、または後でバグを修正するよりも今検証する方が効率的な場合に活用してください。

by addyosmani
汎用ソフトウェア開発⭐ リポ 1,175

apprun-skills

TypeScriptを使用したAppRunアプリケーションのMVU設計に関する総合的なガイダンスが得られます。コンポーネントパターン、イベントハンドリング、状態管理(非同期ジェネレータを含む)、パラメータと保護機能を備えたルーティング・ナビゲーション、vistestを使用したテストに対応しています。AppRunコンポーネントの設計・レビュー、ルートの配線、状態フローの管理、AppRunテストの作成時に活用してください。

by yysun
OpenAIソフトウェア開発⭐ リポ 797

desloppify

コードベースのヘルスチェックと技術負債の追跡ツールです。コード品質、技術負債、デッドコード、大規模ファイル、ゴッドクラス、重複関数、コードスメル、命名規則の問題、インポートサイクル、結合度の問題についてユーザーが質問した場合に使用してください。また、ヘルススコアの確認、次の改善項目の提案、クリーンアップ計画の作成をリクエストされた際にも対応します。29言語に対応しています。

by Git-on-my-level
汎用ソフトウェア開発⭐ リポ 39,967

debugging-and-error-recovery

テストが失敗したり、ビルドが壊れたり、動作が期待と異なったり、予期しないエラーが発生したりした場合に、体系的な根本原因デバッグをガイドします。推測ではなく、根本原因を見つけて修正するための体系的なアプローチが必要な場合に使用してください。

by addyosmani
汎用ソフトウェア開発⭐ リポ 39,967

test-driven-development

テスト駆動開発により実装を進めます。ロジックの実装、バグの修正、動作の変更など、あらゆる場面で活用できます。コードが正常に動作することを証明する必要がある場合、バグ報告を受けた場合、既存機能を修正する予定がある場合に使用してください。

by addyosmani
汎用ソフトウェア開発⭐ リポ 39,967

incremental-implementation

変更を段階的に実施します。複数のファイルに影響する機能や変更を実装する場合に使用してください。大量のコードを一度に書こうとしている場合や、タスクが一度では完結できないほど大きい場合に活用します。

by addyosmani
本サイトは GitHub 上で公開されているオープンソースの SKILL.md ファイルをクロール・インデックス化したものです。 各スキルの著作権は原作者に帰属します。掲載に問題がある場合は info@alsel.co.jp または /takedown フォームよりご連絡ください。
原作者: feature-sliced · feature-sliced/skills · ライセンス: unknown