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

此技能专注于构建AI聊天界面，支持流式文本响应、上下文管理、多模态交互，适用于开发ChatGPT风格接口、AI助手、代码副驾驶等。关键词：AI聊天界面、流式响应、上下文管理、多模态支持、前端开发、AI应用。

Ultracite 是一个快速、零配置的代码检查和格式化工具，专为现代 JavaScript/TypeScript 项目设计。它支持多种框架如 React、Next.js、Vue、Svelte 等，并提供 AI 集成、Git 钩子支持和类型安全特性，以提高代码质量和开发效率。关键词：代码检查、格式化、JavaScript、TypeScript、前端开发、AI 集成、Git 钩子、类型安全、性能优化。

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助手工具开发

这个技能专注于优化 Next.js 15 应用程序，以提升网站性能，核心 Web 指标得分，以及遵循生产最佳实践。关键词包括：性能优化、核心 Web 指标、SEO、React、App Router。

Tailwind CSS响应式设计技能用于通过Tailwind CSS框架构建自适应布局和移动优先的网页设计，涵盖断点、容器查询和响应式工具的使用。适用于前端开发人员创建跨设备兼容的网站。关键词：Tailwind CSS, 响应式设计, 移动优先, 断点, 前端开发, 网页布局。

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

Vue组件模式技能专注于使用Vue.js框架构建高效、可复用的前端组件。它涵盖了属性定义与验证、事件处理、插槽使用、依赖注入等核心概念，帮助开发者创建类型安全、易于维护的现代Web应用。关键词：Vue.js, 组件开发, 前端技术, TypeScript, 可重用性。

Svelte 5 开发是一种使用 Svelte 5 框架和 SvelteKit 构建现代 Web 应用程序的前端开发技能，涉及响应式设计、全栈开发、TypeScript 和测试，关键词包括 Svelte 5, SvelteKit, 前端开发, Web 应用, TypeScript, 响应式设计, 符文系统, 组件开发, API 路由, 测试

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

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

Slack动图制作工具是一个专门用于创建和优化Slack平台动画GIF的Python工具包。提供GIF构建器、验证工具、缓动函数和动画概念，帮助开发者高效制作符合Slack尺寸、帧率和文件大小要求的动态表情符号和消息GIF。关键词：Slack GIF制作，动画GIF优化，Python动图生成，表情符号制作，PIL图像处理，GIF文件压缩，动效设计工具。