frontend-patterns
Installation
SKILL.md
前端开发模式 (Frontend Development Patterns)
适用于 React、Next.js 和高性能用户界面的现代前端模式。
何时激活
- 构建 React 组件(组合、Props、渲染)
- 管理状态(useState、useReducer、Zustand、Context)
- 实现数据获取(SWR、React Query、服务端组件)
- 优化性能(记忆化、虚拟化、代码分割)
- 处理表单(验证、受控输入、Zod 模式)
- 处理客户端路由与导航
- 构建可访问(Accessible)、响应式的 UI 模式
组件模式 (Component Patterns)
组合优于继承 (Composition Over Inheritance)
Related skills
More from xu-xiang/everything-claude-code-zh
article-writing
编写文章、指南、博客帖子、教程、新闻通讯(newsletter)以及其他长篇内容。这些内容具有从提供的示例或品牌指南中提取出的独特语气。当用户需要比段落更长的精美文案,且对语气一致性、结构和可信度有要求时,请使用此技能(Skill)。
11backend-patterns
后端架构模式、API 设计、数据库优化以及针对 Node.js、Express 和 Next.js API 路由的服务端最佳实践。
9golang-testing
Go 测试模式,包括表格驱动测试、子测试、基准测试、模糊测试和测试覆盖率。遵循具有惯用 Go 实践的 TDD 方法论。
8golang-patterns
编写稳健、高效且易于维护的 Go 应用程序的惯用模式、最佳实践和约定。
7configure-ecc
Everything Claude Code 的交互式安装程序 —— 引导用户选择并将技能(Skills)和规则(Rules)安装到用户级或项目级目录,验证路径,并可选地优化已安装的文件。
7python-patterns
构建健壮、高效且易于维护的 Python 应用程序的 Python 惯用法(Pythonic idioms)、PEP 8 标准、类型提示(Type hints)以及最佳实践。
6