Nuxt是一个基于Vue.js的全栈框架，支持服务器端渲染(SSR)、文件路由和自动导入，适用于现代Web开发，提升开发效率和性能，关键词包括Vue、SSR、全栈、文件路由、自动导入、服务器渲染。

这个技能专注于使用p5.js创建算法艺术，通过种子随机性和交互式参数探索生成独特的视觉作品。它涉及计算美学、噪声函数、粒子系统和流动场，允许用户调整参数并探索无限的艺术变体。关键词：算法艺术、生成艺术、p5.js、交互式参数、种子随机性、计算美学。

这是一个用于系统化修复代码问题的技能。它遵循严格的流程，首先识别并分类问题（严重、高、中、低），然后制定修复计划并应用最小化更改。核心功能包括处理编译错误、内存泄漏、安全漏洞、代码规范问题等，并内置了处理缺失导入、清理副作用、类型修复等常见模式的指南。适用于代码审查后的自动化修复、日常开发中的问题排查与维护。关键词：代码修复，问题排查，代码审查，自动化修复，软件开发，质量保证，TypeScript，React，副作用清理。

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

Tailwind CSS V4 Mastery技能提供了专家级的指导，用于利用Tailwind CSS V4的新Oxide引擎、CSS优先配置和现代样式范式。这项技能将用户转变为Tailwind V4架构专家，能够设计组件系统、优化性能，并以精确度执行复杂的样式挑战。

这个技能用于集成GSAP（GreenSock Animation Platform）和Remotion框架，实现专业的运动图形视频制作。支持复杂的时间线编排、文本动画、SVG变形、高级缓动效果和可重用预设，适用于前端开发和视频制作场景。关键词：GSAP, Remotion, 动画, 视频制作, 前端开发, 运动图形, 时间线编排, SVG动画, 文本分割, 缓动效果。

该技能是一个前端开发专家工具，专注于使用React、Next.js和TypeScript构建高性能用户界面。采用FSD-lite架构组织代码，使用shadcn/ui组件库确保UI一致性，并严格对齐设计系统。涉及UI/UX设计、组件开发、状态管理、性能优化等任务，适用于现代Web前端开发。关键词包括：前端开发、React、Next.js、TypeScript、UI/UX、shadcn/ui、FSD架构、组件设计、性能优化。

Pinia是Vue.js官方状态管理库，提供类型安全、可扩展的状态管理解决方案。本技能涵盖Pinia核心概念、功能特性、最佳实践及高级应用，帮助开发者掌握Vue应用状态管理、存储定义、响应式数据处理、插件开发、SSR集成、单元测试等关键技术。适用于Vue 2/3项目开发，提升前端应用架构质量。

这个技能提供了shadcn/ui组件库的全面最佳实践指南，覆盖项目设置、组件架构、可访问性、样式主题、表单模式、数据展示、布局导航、组件组合、性能优化和状态管理，适用于前端开发者使用React、Tailwind CSS、Radix UI等技术进行高效、可访问和性能优化的Web开发。关键词：shadcn/ui, 前端开发, React, Tailwind CSS, 可访问性, 性能优化, 组件库。

该技能专注于创建独特、生产级别的前端界面，强调高质量设计和创意代码实现，避免通用AI美学。适用于构建网页组件、页面、应用程序等，生成视觉冲击力强的UI设计。关键词：前端开发、UI设计、代码美学、网页界面、生产级别、创意设计、前端技能。

React useEffect钩子使用规范与优化技巧，涵盖数据获取、状态同步、性能优化等核心场景。提供何时使用与避免Effect的决策框架，包含常见反模式解决方案和替代方案推荐。关键词：React Hooks, useEffect, 性能优化, 状态管理, 前端开发, 最佳实践

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