前端开发 Skill技能列表
GPUI异步操作Skill gpui-async
GPUI异步操作技能专注于在GPUI框架中管理异步任务和后台工作，用于提升用户界面响应性和处理计算密集型操作。适用于异步I/O、长时间运行的计算以及前台UI与后台工作的协调。关键词：异步编程、后台任务、UI更新、GPUI、Rust、前端开发。
Markdown表格格式化工具Skill md-tables
这个技能用于修复和格式化Markdown表格，解决对齐和间距问题，适用于文档编写和表格生成。关键词包括：Markdown表格、表格格式化、对齐列、间距修复、文档工具、自动表格优化、Markdown文档处理。
React应用架构重构指南Skill react-refactor
这个技能提供React应用程序架构重构的全面指南，涵盖关键领域如组件和状态管理，旨在提高代码质量、可维护性和测试性。关键词：React重构、前端架构、代码优化、组件设计、状态管理、钩子模式、测试策略。
添加实用函数Skill add-utils-function
这个技能用于在fe-tools项目中添加或修改实用程序函数，涵盖前端、后端、Canvas和AI等环境，提高开发效率，支持工具库扩展和模块化开发。关键词：实用函数、fe-tools、前端开发、工具函数、模块化开发、TypeScript、SEO。
Three.js交互式3D可视化构建技能Skill three-js-interactive-builder
该技能用于基于Three.js库开发交互式3D可视化应用，专注于算法艺术生成、神圣几何设计、时间动画效果和模块化架构。适用于WebGL可视化、生成艺术创作、交互体验设计、粒子系统和流场模拟等项目。关键词：Three.js, 3D可视化, 算法艺术, 交互设计, WebGL, 神圣几何, 时间动画, 模块化开发。
Webpack前端打包与配置技能Skill webpack
Webpack是一个广泛用于前端开发的模块打包工具，提供配置管理、资源加载、代码分割和性能优化功能，通过插件和加载器扩展，支持构建现代化Web应用程序。关键词：前端开发、Webpack配置、模块打包、构建优化、代码分割、JavaScript打包、开发工具。
视频制作人Skill video-producer
这是一个基于Remotion的视频制作技能，能够从自然语言描述中端到端生成完整视频。它协调叙事结构、场景动画、视觉风格和渲染，适用于制作产品宣传视频、排版作品、社交媒体动画等。关键词：视频制作、Remotion、动画、宣传视频、自然语言处理、前端开发、创意设计。
React组合模式Skill vercel-composition-patterns
React组合模式是一种前端开发技能，用于构建可维护的React组件，避免布尔属性泛滥，提升代码质量和团队协作效率。关键词：React, 组合模式, 组件库, 前端开发, 复合组件, 状态管理, 可扩展架构
功能性setState更新Skill rerender-functional-setstate
React功能性setState更新是用于优化React组件中状态管理的技术，通过使用函数形式的setState来更新基于当前状态的状态值，防止闭包陈旧问题并减少不必要的性能开销。关键词：React，setState，闭包，性能优化，状态管理，前端开发。
ReactHookForm+Zod验证Skill react-hook-form-zod
此技能用于在 React 应用中实现类型安全的表单验证，结合 React Hook Form 和 Zod 库。它支持表单模式定义、字段数组、多步骤表单、客户端和服务器端验证，并解决常见错误如未控制到控制警告。关键词：React Hook Form, Zod, 表单验证, 类型安全, 前端开发, React 表单, 性能优化, 可访问性。
ESLint配置Skill eslint-configuration
ESLint配置技能专注于JavaScript代码质量的检查和规范设置，提供全面的配置文件、插件、环境配置知识，适用于前端开发、代码审查和CI/CD集成。关键词：ESLint、配置、JavaScript、代码质量、前端开发、插件、环境设置。
Angular迁移Skill angular-migration
这个技能用于指导如何将 AngularJS (1.x) 应用程序迁移到 Angular (2+)，涵盖混合应用设置、组件转换、服务迁移、依赖注入变化、路由迁移和表单迁移。关键词：AngularJS, Angular, 迁移, 混合应用, 组件, 依赖注入, 路由, 框架升级。