frontend-design-patterns
✓Enterprise React 架构结合了 DDD 和 FSD 模式。在以下情况下使用：(1) 设计或构建 React 应用程序，(2) 实现 Index/Types/Styles 组件模式，(3) 使用 React Query 和 Axios 设置 Service/Hook 1:1 映射，(4) 配置 Zustand 状态管理，(5) 应用 TypeScript 约定以实现可维护的代码库。触发器包括架构决策、文件夹结构规划、数据层设计和代码组织任务。
SKILL.md
Enterprise-grade React architecture combining Domain-Driven Design (DDD) and Feature-Sliced Design (FSD) with strict TypeScript conventions.
Reference: See references/ddd-fsd-fundamentals.md for detailed DDD/FSD fusion strategy.
Each layer only depends on layers below it. No upward dependencies.
Enterprise React 架构结合了 DDD 和 FSD 模式。在以下情况下使用：(1) 设计或构建 React 应用程序，(2) 实现 Index/Types/Styles 组件模式，(3) 使用 React Query 和 Axios 设置 Service/Hook 1:1 映射，(4) 配置 Zustand 状态管理，(5) 应用 TypeScript 约定以实现可维护的代码库。触发器包括架构决策、文件夹结构规划、数据层设计和代码组织任务。 来源：mineru98/skills-store。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/mineru98/skills-store --skill frontend-design-patterns- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 frontend-design-patterns？
Enterprise React 架构结合了 DDD 和 FSD 模式。在以下情况下使用：(1) 设计或构建 React 应用程序，(2) 实现 Index/Types/Styles 组件模式，(3) 使用 React Query 和 Axios 设置 Service/Hook 1:1 映射，(4) 配置 Zustand 状态管理，(5) 应用 TypeScript 约定以实现可维护的代码库。触发器包括架构决策、文件夹结构规划、数据层设计和代码组织任务。 来源：mineru98/skills-store。
如何安装 frontend-design-patterns？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/mineru98/skills-store --skill frontend-design-patterns 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/mineru98/skills-store
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-01