前端开发 Skill技能列表
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框架。
NuxtUISkill nuxt-ui
Nuxt UI v4是一个用于Vue 3和Nuxt 4+的UI组件库，提供预构建组件如按钮、模态框、表单、表格等，支持Tailwind Variants主题定制，基于Reka UI构建，适用于快速开发风格化用户界面。关键词包括Vue 3、Nuxt 4+、UI组件、Tailwind CSS、Reka UI、前端开发、组件库。
Astro性能优化Skill perf-astro
Astro性能优化技能，专注于通过关键CSS内联、文件压缩、字体加载和LCP优化等手段，提高Astro框架网站的Lighthouse评分至95分以上，适用于前端性能优化。关键词：Astro, 性能优化, Lighthouse, CSS内联, 压缩, 字体加载, LCP优化。
React性能优化最佳实践Skill react-best-practices
这是一个用于优化React和Next.js应用程序性能的技能，基于Vercel的最佳实践指南。它提供57个规则，涵盖8个关键类别，如消除瀑布流、包大小优化和重渲染优化，帮助开发者在代码编写、审查和重构中提升应用性能。关键词：React, Next.js, 性能优化, 最佳实践, Vercel, 前端开发, 代码优化。
RSC数据获取优化器Skill rsc-data-optimizer
该技能用于优化Next.js应用的数据获取性能，通过使用React Server Components（RSC）将慢速客户端数据获取转换为快速服务器端数据获取，提高页面加载速度、SEO和用户体验。关键词：RSC、Next.js、数据获取、优化、服务器端渲染、React Server Components、前端开发。
Makepad字体渲染技能Skill makepad-font
Makepad字体渲染技能是一个专业用于在Makepad框架中进行字体配置、文本布局和GPU-based文本渲染的工具。它利用SDF（签名距离场）技术确保文本在任何分辨率下保持清晰，支持字体家族、大小、样式配置，以及文本整形和布局管理。关键词：Makepad, 字体渲染, 文本布局, SDF, GPU, 字体配置, 文本整形, 字体图集, 前端开发, UI框架
Makepad平台技能Skill makepad-platform
这个技能专注于Makepad跨平台开发，提供平台支持、条件编译和平台API使用指导，帮助开发者在macOS、Windows、Linux、iOS、Android、Web等多个操作系统上构建兼容且高性能的应用。关键词：Makepad、跨平台开发、平台支持、条件编译、OsType、图形后端、前端UI。
Makepad小部件技能Skill makepad-widgets
这个技能专注于Makepad框架的UI组件开发，帮助用户编写代码、解答问题，并提供详细的文档和模式。关键词包括：Makepad, 小部件, UI组件, Rust, 前端开发, UI设计, 富文本渲染。
泳道可视化Skill swimlane-visualization
泳道可视化技能用于设计泳道用户界面模式，以实时可视化AI Developer Workflow的执行。适用于构建观测性仪表板、监控代理工作流进度和创建实时状态显示。关键词包括：泳道可视化、UI设计、前端开发、实时更新、AI工作流、WebSocket集成、事件监控、工作流调试。