skills
指导AI代理使用Feature-Sliced Design架构设计前端项目
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：skills。 它的用途是：指导AI代理使用Feature-Sliced Design架构设计前端项目 详细介绍见：https://321skill.com/skills/skills-feature-sliced/ 请根据该页面的说明完成安装。
使用示例
“我需要启动一个新的后台管理系统项目，请用Feature-Sliced Design帮我规划一下前端结构。” 它会首先引导你梳理核心业务特性（如用户管理、订单处理），然后根据FSD的层次（App、Pages、Features、Entities、Shared）生成建议的目录树，并解释各层之间的依赖关系和职责划分，最终输出一份清晰的项目蓝图。
介绍
这个Skill旨在解决前端项目随着功能增加，代码结构变得混乱、模块耦合度高、团队协作困难的核心痛点。它通过教授AI代理理解和应用Feature-Sliced Design（FSD）这一架构方法论，帮助用户规划出清晰、可维护、可扩展的前端项目结构。
使用时，AI代理会引导用户分析业务领域，识别核心特性（Features）、实体（Entities）、共享层（Shared）和应用层（App），并按照FSD的分层和切片原则，生成相应的目录结构、模块依赖关系和代码组织建议。整个过程以对话和引导的方式进行。
它非常适合正在启动新前端项目（尤其是React/Vue等SPA应用）的开发者、希望重构现有混乱代码库的团队负责人，以及对现代前端架构感兴趣、想系统学习FSD设计思想的学习者。
与同类教授通用编程模式或代码片段的Skill不同，它专注于一个具体、系统且日益流行的前端架构范式（FSD），提供从理念到落地的完整指导，而非零散的技巧。
核心特点
本Skill深度聚焦于Feature-Sliced Design这一特定架构模式，提供从概念解析到目录结构生成的全流程引导；而同类Skill可能仅涉及通用的代码规范或设计模式，缺乏对FSD这种结构化方法的系统性教学。
注意事项
不适合只需要快速生成少量页面代码、不关心长期项目结构维护的简单原型或一次性脚本开发场景。
常见问题
Feature-Sliced Design是什么？
一种用于前端应用的结构化架构方法论，强调按业务功能（特性）和通用层次进行代码组织，以提升可维护性和可扩展性。
这个Skill能直接生成代码吗？
主要生成项目结构规划、模块划分建议和依赖关系说明，为编写具体代码提供清晰的蓝图和规范，而非直接输出大量业务逻辑代码。