前端开发模式技能专注于使用React和Next.js框架，涵盖组件设计、状态管理、性能优化、UI最佳实践等，帮助开发者构建高性能、可维护的前端应用。关键词：前端开发、React、Next.js、状态管理、性能优化、UI设计、组件模式、量化交易应用。

这个技能用于前端开发者向后端开发者沟通数据需求，确保用户界面能正确渲染。它包括描述所需显示的数据、用户可以执行的操作、需要处理的UI状态等，而不涉及具体的实现细节。关键词：前端开发、后端开发、需求沟通、API设计、协作开发、软件开发。

前端设计技能专注于创建具有高设计质量、独特且可直接用于生产环境的前端用户界面。它强调跳出常规的AI生成美学，通过创意性的排版、色彩、动效和空间构成，打造令人难忘的视觉体验。该技能适用于构建Web组件、单页或完整应用程序，要求开发者具备深刻的设计思维，能够根据项目目的、受众和约束，选择并坚定执行一个大胆的美学方向（如极致简约、复古未来、工业实用等），最终交付功能完善、细节精致、具有强烈品牌识别度的代码。

这个技能是一个设计系统入门工具，用于快速创建和管理设计系统，提供设计令牌、组件架构、可访问性指南和文档模板。它帮助确保用户界面的一致、可扩展和可访问，适用于前端开发者和设计师，提升开发效率和用户体验。关键词：设计系统、UI组件、前端开发、可访问性、设计令牌、React、主题化、文档、原子设计、WCAG合规。

Aceternity UI技能是一个为Next.js应用设计的React组件库，提供100多个动画和交互式组件，使用Tailwind CSS和Framer Motion构建，适用于前端开发，提升网页界面视觉效果和用户交互体验。关键词：React, Next.js, Tailwind CSS, Framer Motion, 动画组件, 前端开发。

该技能是一套用于构建复杂前端HTML工物的工具，基于React、TypeScript、Tailwind CSS、shadcn/ui等现代技术，支持状态管理、路由和组件化开发，特别针对Claude.ai平台，便于前端开发者快速创建、打包和共享交互式工物。关键词包括：Web工物构建、前端开发、React工物、Claude.ai、HTML打包、前端工具、状态管理、路由、shadcn/ui。

这个技能提供了MUI Base UI的最佳实践指南，专为构建无头React组件库设计。它涵盖了组件模式、命名约定、组织方式、错误处理和样式规则，帮助开发者创建无样式UI组件、复合组件、实现无障碍优先模式，并支持受控和非受控组件模式。关键词：MUI, React, 组件库, 无头UI, 前端开发, 最佳实践。

Figma API集成工具是一个专门用于设计资产管理和设计到代码工作流程的AI技能。它通过直接调用Figma API实现文件获取、组件提取、设计令牌生成、图像导出、评论管理和版本控制等功能。该工具支持设计系统同步、前端开发协作、UI设计自动化，帮助团队提高设计开发效率，实现设计资产的一站式管理。关键词：Figma API集成，设计到代码，设计令牌提取，UI组件管理，设计系统同步，前端开发工具，设计资产管理，自动化设计工作流。

该技能专注于原子设计方法论中的分子组件创建，用于将原子组件组合成功能性的UI元素，如表单字段、搜索栏和卡片头部。关键词包括原子设计、分子组件、UI组件、前端开发、React、TypeScript。适用于提升UI组件的可重用性、维护性和一致性，支持高效的前端界面构建。

React服务器端动作是一种在Next.js 14+框架中实现的功能，用于安全处理表单提交和服务器端数据操作，无需API路由。它支持渐进增强、服务器端验证、文件上传和乐观UI更新，适用于现代Web开发中的表单处理、服务器突变和性能优化场景。关键词：React Server Actions, Next.js, 表单处理, 服务器端突变, 渐进增强, 安全性, 缓存重新验证, 文件上传, 乐观UI更新, Web开发。

本技能是关于 Next.js 15 框架中 App Router 的核心开发模式与最佳实践的总结。它详细讲解了服务器组件与客户端组件的区别与使用场景、如何利用 Server Actions 进行数据变更、高效的数据获取策略、路由处理器的构建、元数据的动态生成、并行路由的实现，以及一系列提升应用性能与开发效率的最佳实践。关键词包括：Next.js 15, App Router, 服务器组件, 客户端组件, Server Actions, 数据获取, 路由处理器, 元数据, 并行路由, 最佳实践, React 框架, 全栈开发。

Zustand中间件技能用于实现JavaScript状态管理库Zustand的中间件功能，包括持久化存储、Redux DevTools集成、使用Immer进行不可变更新和自定义中间件开发。适用于前端开发中的状态管理优化，提高应用性能和可维护性。关键词：Zustand, 中间件, 持久化, DevTools, Immer, 前端开发, 状态管理, 不可变更新, 自定义中间件