tsdown是一个基于Rolldown和Oxc的TypeScript打包工具，用于快速构建TypeScript库、生成.d.ts声明文件、支持ESM/CJS双输出、包验证和插件开发。适用于TypeScript库开发、npm包发布、Vue/React组件库构建等场景，提升开发效率和代码质量。关键词：TypeScript打包、tsdown、库构建、ESM/CJS、d.ts生成、插件开发、前端工具。

组件设计技能用于创建一致、可重用的React和Vue UI组件，遵循原子设计原则和组合模式。适用于前端开发中的UI组件库构建，提升开发效率和代码维护性。关键词：组件设计、React、Vue、原子设计、组合模式、UI组件、前端开发、状态管理。

这个技能用于将 Sveltia CMS 集成到静态网站项目中，提供完整的指南和工具，帮助快速搭建轻量级、基于 Git 的内容管理系统。Sveltia CMS 是现代 Decap/Netlify CMS 的继任者，支持多种框架如 Hugo、Jekyll、Astro，包含安装、配置、认证、错误解决和部署。关键词：Sveltia CMS，静态网站，内容管理，Git 集成，轻量级 CMS，前端开发工具，SEO 友好内容管理。

VueUse工具库是一个Vue.js的组合式函数集合，提供各种响应式实用工具，涵盖状态管理、浏览器API、传感器、网络、动画等，帮助开发者高效构建Vue应用，避免重复开发。关键词：VueUse, Vue.js, 组合式函数, 响应式工具, 状态管理, 浏览器API。

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

这个技能提供React应用程序架构重构的全面指南，涵盖关键领域如组件和状态管理，旨在提高代码质量、可维护性和测试性。关键词：React重构、前端架构、代码优化、组件设计、状态管理、钩子模式、测试策略。

这个技能用于在GPUI框架中实现和管理应用范围的全局状态，支持应用配置、功能标志、共享服务等场景，提高代码的可维护性和可访问性。关键词：全局状态、GPUI、Rust、状态管理、应用配置、共享资源、内部可变性、实体组件。

自动化设计审查、标记提取、组件映射和实施计划，通过Figma MCP集成大幅减少设计交接时间。

GPUI异步操作技能专注于在GPUI框架中管理异步任务和后台工作，用于提升用户界面响应性和处理计算密集型操作。适用于异步I/O、长时间运行的计算以及前台UI与后台工作的协调。关键词：异步编程、后台任务、UI更新、GPUI、Rust、前端开发。

Radix UI 技能是一个专注于使用 Radix UI 库构建现代化、高度可访问且可定制的前端组件的专家级助手。它擅长运用 Radix 提供的基础组件（Primitives），通过组合模式创建复杂的交互式UI，并确保严格遵循 WAI-ARIA 无障碍标准。无论是使用 CSS 还是 Tailwind CSS 进行样式设计，还是处理模态框、下拉菜单、标签页等复杂交互逻辑，该技能都能提供专业指导。 **关键词：** Radix UI, 前端组件库, 无障碍访问, WAI-ARIA, React 组件, 设计系统, Tailwind CSS, 组合模式, 交互设计, 前端开发

此技能提供Ant Design Mini组件库在小程序开发中的全面指南，涵盖安装、组件使用、主题配置、API参考等内容，适用于支付宝和微信小程序。关键词：Ant Design Mini, 小程序, 支付宝小程序, 微信小程序, UI组件, 前端开发, 组件库。

前端设计技能专注于创建独特、生产级别的前端用户界面，结合创意美学与代码实现，用于构建网站、登录页面、React组件、HTML/CSS布局等。强调个性化设计、高质量输出、避免通用AI美学，关键词包括前端开发、创意UI、代码实现、美学设计、网站构建、组件设计、生产级界面。