FSD v2.1 メソッドをフロントエンドプロジェクトに適用するための公式スキルです。プロジェクト構造の整理、コードの配置場所の決定、アセットの配置、スライスのグループ化、パブリックAPIとインポート境界の定義、@xパターンの評価、エンティティの作成・削除、フレームワークとの統合、共通パターンの実装などに使用します。
このスキルは、Feature-Sliced Design (FSD) v2.1 メソッドを厳密に適用するための公式スキルです。プロジェクト構造をレイヤー（app, pages, widgets, features, entities, shared）に整理し、コードの責務を明確に分離します。FSDの主要な概念であるスライス、セグメント、パブリックAPI、インポートルール、@xパターン、エンティティレイヤーの設計判断などを網羅的にサポートします。また、Next.js (App Router/Pages Router)、Nuxt、Vite、Astroといった主要フレームワークとの統合方法や、認証、API処理、Redux、TanStack Query (React Query) などの一般的なパターンをFSD内で実装するためのガイダンスも提供します。このスキルは、FSD v2.0 からの移行や非FSDコードベースからの移行にも対応しており、開発者がFSDのベストプラクティスに従ったリアクティブで保守性の高いフロントエンドアプリケーションを構築できるように設計されています。
npx skills add https://github.com/feature-sliced/skills/tree/main/skills/feature-sliced-designInstalled? Explore more 画像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
フロントエンドプロジェクトにメソッドを適用するための、公式 Feature-Sliced Design (FSD) v2.1 スキルです。以下のようなタスクで使用します：
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.