这个技能提供 React Hook Form 库的性能优化最佳实践，专注于客户端表单验证，包括使用 useForm、useWatch、useController 和 useFieldArray 等钩子的技巧，帮助开发者提升表单应用的性能和效率。关键词：React Hook Form, 性能优化, 客户端表单验证, useForm, useWatch, useController, useFieldArray, 最佳实践。

这是一个用于前端代码质量控制的自动化工具，主要功能包括运行ESLint静态代码分析和TypeScript类型检查。该技能帮助开发者在提交代码前自动检测语法错误、代码规范问题和类型不匹配，确保代码质量和类型安全。关键词：前端开发、代码检查、ESLint、TypeScript、类型检查、代码规范、静态分析、自动化测试、开发工具、代码质量保障。

这个技能提供了基于Emil Kowalski的Web界面动画最佳实践，涵盖缓和选择、定时、属性选择、变换技术、交互模式、战略动画和可访问性等关键领域。适用于React、CSS或Framer Motion开发，帮助提升动画性能、用户体验和可访问性。关键词：动画、Web开发、React、CSS、Framer Motion、性能优化、用户体验、可访问性。

Vue组合式API是Vue 3框架的核心功能，用于通过组合式函数构建响应式、可维护和可复用的前端应用程序。它提供ref、reactive、computed、watch等核心特性，支持更好的代码组织、逻辑复用和TypeScript集成，适用于现代Vue开发，提高开发效率和代码质量。关键词：Vue 3, Composition API, 前端开发, 响应式编程, TypeScript, 组件化开发, 可复用逻辑, 生命周期钩子, 状态管理。

Web Artifacts Builder是一个专为Claude.ai平台设计的HTML工件生成工具套件。该工具使用React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术，帮助用户快速创建复杂、交互式的多组件HTML工件。支持状态管理、路由功能，并能将完整的前端应用打包为单个HTML文件，便于在对话中直接分享和使用。适用于需要高级UI组件和复杂交互的Claude.ai工件开发场景。 关键词：Claude.ai工件开发、React前端工具、HTML打包工具、shadcn/ui组件库、Tailwind CSS主题、前端自动化构建、单文件HTML应用、AI助手工具开发

本技能是关于如何将 ShadCN UI 组件库与 Framer Motion 动画库结合使用的技术指南。它提供了从初始化设置、基础组件使用到实现复杂动画效果（如淡入淡出、列表动画、页面过渡、悬停交互和加载动画）的完整代码示例。适用于希望为 React 应用（特别是 Next.js）添加流畅、现代化交互动效的前端开发者，关键词包括：ShadCN UI, Framer Motion, React 动画, 交互动效, Next.js 组件, 前端开发。

组件库存技能是一款用于自动化审计和盘点前端代码库中UI组件的工具。它能扫描React、Vue、Angular等框架的组件，识别重复项和变体，分析组件属性和使用频率，生成详细报告并提供整合建议。关键词：UI组件审计、代码库盘点、组件分析、前端代码扫描、设计系统管理、重复组件检测、React组件分析、Vue组件分析。

设计令牌技能是用于管理和生成设计系统核心样式变量的工具。它专注于设计令牌的定义、多平台代码生成、样式字典配置、令牌层级管理以及主题化实现。关键词：设计令牌、设计系统、样式变量、多平台支持、主题化、前端开发、UI设计、样式字典。

这个技能提供React 19应用程序的性能优化指南，涵盖并发渲染、服务器组件、表单操作、数据获取、状态管理、记忆化和组件模式等关键主题，帮助前端开发者提升应用性能、减少重新渲染和优化开发效率，关键词包括React 19、性能优化、并发渲染、服务器组件、表单操作、数据获取、状态管理。

JSON-UI 是一个强大的 JSON 到 HTML 报告渲染器，支持 React 组件和双语国际化。它允许开发者通过定义 JSON 结构快速生成美观、交互式的学术或数据报告网页。核心功能包括组件化架构、Zod 模式验证、静态 HTML 输出、React 组件库以及无缝的中英文语言切换。适用于学术论文展示、数据分析报告、自动化文档生成等场景。关键词：JSON渲染，HTML报告，React组件，双语国际化，i18n，学术报告，数据可视化，前端开发工具。

本技能提供一套完整的 TypeScript 开发最佳实践指南，专注于类型优先开发、编译时安全、运行时验证和健壮代码编写。核心内容包括：使用类型系统使非法状态无法表示，通过判别联合、标记类型和常量断言提升代码安全性；采用模块化、函数式编程模式；结合 Zod 库进行运行时数据验证与配置管理。适用于所有 TypeScript/JavaScript 项目，旨在帮助开发者编写更可靠、易维护且错误更少的代码。关键词：TypeScript 最佳实践，类型优先开发，Zod 验证，编译时安全，代码健壮性，前端开发，JavaScript 类型安全。

这个技能用于创建算法艺术，通过p5.js库实现种子随机性和交互式参数探索，生成独特的生成式艺术作品。关键词：算法艺术、生成式艺术、p5.js、交互式参数、前端开发、艺术生成、计算美学、Web技术、创意编程、数字艺术