Vite 是一个用于前端开发的下一代构建工具，提供快速的开发服务器、优化的生产构建和服务器端渲染支持。它基于 Vite 8 使用 Rolldown 打包器和 Oxc 转换器，适用于现代前端框架如 Vue 和 React，并支持插件扩展。关键词：Vite、前端构建工具、Rolldown、SSR、Vue、React、插件 API、构建配置、开发服务器。

此技能专注于Web性能优化，通过技术如代码分割、懒加载、图像优化、缓存策略和核心网页指标监控，以提升网站加载速度、用户体验和SEO排名，适用于前端开发和性能工程领域。关键词包括：Web性能优化、代码分割、懒加载、图像优化、缓存策略、核心网页指标、前端开发、性能监控。

这个技能专注于使用React、Vue和Svelte等现代前端框架设计和实现可重用的UI组件，涵盖CSS-in-JS样式方法、组件组合模式（如复合组件、渲染属性）、API设计等，适用于构建组件库、前端设计系统和提升代码可维护性。关键词：React, Vue, Svelte, CSS-in-JS, 组件设计, 前端开发, UI组件, 可重用架构, 组合模式, 样式管理。

AutoAnimate 是一个零配置的前端动画库，适用于 React、Vue、Svelte 等框架，可自动为列表过渡、手风琴、提示消息等添加平滑动画效果。它轻量级、易于集成，并支持 SSR 安全。关键词：自动动画，零配置动画，React动画，Vue动画，轻量动画，前端开发，动画库。

Bun开发技能专注于使用Bun运行时进行现代JavaScript和TypeScript开发，涵盖包管理、打包、测试和从Node.js迁移。适用于提升开发速度、优化项目性能或迁移现有Node.js项目。关键词：Bun, JavaScript, TypeScript, 开发工具, 包管理, 测试框架, 性能优化, 迁移指南。

这个技能提供uView Pro Vue 3组件库的全面指南，帮助开发者安装、配置和使用各种UI组件、工具和布局模板，适用于Vue 3和uni-app项目。关键词包括uView Pro, Vue 3, uni-app, UI组件, 前端开发, 组件库, 移动优先设计, 主题自定义, i18n, 工具方法。

本技能提供Avue-form表单组件的全面指导，包括在Vue项目中安装、配置表单选项和列、处理表单验证、使用动态表单、事件和方法等。适用于Vue开发者快速上手和管理表单。关键词包括Avue-form、Vue表单、表单验证、动态表单、表单配置、前端开发。

Zustand 是一个用于 React 的轻量级状态管理库，提供简单、高效的状态管理方案，支持 TypeScript 类型推断、持久化存储、开发工具集成和切片模式。适用于全局状态管理、Redux/Context API 迁移、Next.js SSR 等场景。关键词：zustand, React状态管理, TypeScript状态管理, 全局状态, Redux替代, 持久化中间件, 开发工具, 切片模式, Next.js水合, 无限渲染预防。

原子设计有机体技能专注于构建用户界面中的复杂组件，如导航栏、内容卡片和表单部分。它基于原子设计方法论，通过组合原子和分子来创建可重用、状态管理的独立UI部分，提高前端开发效率和代码可维护性。关键词：原子设计、UI组件、前端开发、React、组件化、状态管理、可重用性。

这个技能提供谷歌的TypeScript风格指南，帮助开发者编写高质量、类型安全的代码。它覆盖模块组织、类型安全、类设计、函数模式等关键领域，适用于代码编写、审查和重构，提升代码一致性和可维护性。关键词：TypeScript、代码风格、Google、最佳实践、前端开发、类型安全、模块化、错误处理、命名规范。

使用p5.js库通过种子随机性和交互式参数控制创建算法艺术，适用于生成艺术、流场、粒子系统等场景，强调算法表达和计算美感。关键词：算法艺术、p5.js、生成艺术、种子随机性、交互参数、计算美学、前端开发、创意编码

此技能用于快速创建和部署静态报告网站。它使用Tailwind CSS进行样式设计，支持客户端密码保护，并可以通过Originless服务上传到IPFS进行匿名托管。适用于需要快速生成美观报告页面的场景。关键词：静态网站、Tailwind CSS、IPFS、报告生成、前端开发、密码保护。