·feature-sliced-design
</>

feature-sliced-design

aiko-atami/fsd

將功能切片設計 (FSD) v2.1 架構方法應用於前端專案。在組織程式碼結構、分解功能、建立新元件或功能、重構現有程式碼庫,或當使用者提到「FSD」、「功能切片」、層、切片或前端架構模式時使用。

8安裝·4熱度·@aiko-atami

安裝

$npx skills add https://github.com/aiko-atami/fsd --skill feature-sliced-design

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 中使用

這個 Skill 的原始碼在哪?

https://github.com/aiko-atami/fsd

詳情

分類
</>開發工具
來源
skills.sh
收錄時間
2026-02-17

相關 Skills

暫無