前端开发 Skill技能列表
前端导入优化技巧Skill bundle-barrel-imports
这个技能用于通过避免使用桶文件导入来优化前端项目的捆绑大小和性能。它能减少不必要的模块加载，提高开发启动速度、构建效率和冷启动性能，适用于使用React等现代前端框架时的库导入优化。关键词：前端优化、捆绑大小、导入优化、性能提升、barrel files。
复古动画性能优化Skill animation-performance-retro
此技能用于优化复古风格的动画性能，特别针对像素艺术、游戏UI效果和类似界面，通过使用CSS变换、GPU加速、步进动画等技术，确保动画流畅渲染和高效性能。关键词：动画优化、像素艺术、游戏UI、硬件加速、CSS、加载状态、条件动画、前端开发。
8位像素艺术图案Skill 8-bit-pixel-art-patterns
这个技能用于创建8位复古风格的像素化边框、阴影和效果，适用于UI组件开发，通过绝对定位的div实现像素艺术美学。关键词包括：像素艺术、8位、UI组件、CSS、React、前端开发。
URL转Markdown工具Skill baoyu-url-to-markdown
本技能使用Chrome DevTools协议（CDP）抓取网页并将HTML转换为干净的Markdown文件，支持自动捕获和等待用户信号模式，适用于保存网页内容、处理需要登录的动态页面，关键词包括URL抓取、HTML转Markdown、网页保存、自动化工具、Chrome CDP、Markdown转换。
Markdown转HTML转换工具Skill baoyu-markdown-to-html
这是一个高效的工具，用于将 Markdown 文档转换为美观的 HTML 格式，支持多种主题、代码高亮、数学公式、图表等特性，特别适用于微信公众号、博客和其他在线平台的内容发布，提高内容展示效果和兼容性。关键词：Markdown, HTML, 转换, WeChat, 主题, 代码高亮, SEO。
VueUse工具库Skill vueuse
VueUse工具库是一个Vue.js的组合式函数集合，提供各种响应式实用工具，涵盖状态管理、浏览器API、传感器、网络、动画等，帮助开发者高效构建Vue应用，避免重复开发。关键词：VueUse, Vue.js, 组合式函数, 响应式工具, 状态管理, 浏览器API。
Vue3开发Skill vue
Vue 3 开发技能是一个参考系统，提供 Vue 3 Composition API 模式、组件架构、测试实践等指导，适用于前端开发、Vue 组件编写、composables 创建和代码测试。关键词：Vue 3, Composition API, 前端开发, 组件, composables, 测试, 响应式编程。
Vite构建工具Skill vite
Vite是一个快速、现代化的前端构建工具，支持TypeScript和ESM，提供高效的开发服务器和生产构建，适用于Vue、React等框架的项目开发。关键词：Vite, 前端构建工具, 开发服务器, 生产构建, TypeScript, ESM, HMR, SSR, Rolldown迁移。
TypeScript打包工具Skill tsdown
tsdown是一个基于Rolldown和Oxc的TypeScript打包工具，用于快速构建TypeScript库、生成.d.ts声明文件、支持ESM/CJS双输出、包验证和插件开发。适用于TypeScript库开发、npm包发布、Vue/React组件库构建等场景，提升开发效率和代码质量。关键词：TypeScript打包、tsdown、库构建、ESM/CJS、d.ts生成、插件开发、前端工具。
TresJS三维前端开发技能Skill tresjs
TresJS是一个基于Vue 3的框架，专门用于使用Three.js构建交互式3D场景。它提供声明式组件、组合式函数和后期处理效果，简化前端开发中的3D应用构建过程，适合创建WebGL应用、3D可视化、游戏界面等。关键词：Vue 3, Three.js, 3D场景, 前端开发, TresCanvas, 组合式函数, 响应性, 后期处理, WebGL, 声明式编程
瑞卡UISkill reka-ui
Reka UI是一个基于Vue 3的无样式、可访问组件库，用于构建headless组件。它提供组件API、无障碍模式（WAI-ARIA合规）、组合模式（asChild）、受控/非受控状态管理、虚拟化优化和样式集成，适用于需要高度定制和可访问性的前端开发项目。关键词：Vue 3, 组件库, 无障碍访问, headless组件, WAI-ARIA, asChild, 虚拟化, 前端开发。
Nuxt4+开发Skill nuxt
这个技能专注于Nuxt 4+框架的开发，提供服务器路由、文件路由、中间件、组合式API等全方位指导，助力开发者高效构建现代化Web应用。关键词：Nuxt 4+、前端开发、Vue.js、服务器端渲染、Web开发、Nuxt框架。