Vite是一个快速、现代化的前端构建工具，支持TypeScript和ESM，提供高效的开发服务器和生产构建，适用于Vue、React等框架的项目开发。关键词：Vite, 前端构建工具, 开发服务器, 生产构建, TypeScript, ESM, HMR, SSR, Rolldown迁移。

此技能提供Vite构建工具的全面指导，覆盖从入门设置到高级配置、插件选择、API使用和部署优化，适用于前端开发项目以提升开发效率和性能。关键词：Vite, 构建工具, 前端开发, HMR, 插件, SSR, 配置, 依赖预捆绑, 资产。

这个技能是一个全面的UI/UX设计智能工具，提供丰富的设计资源和指南，用于web和移动应用程序的界面设计、用户体验优化和代码实现。包含多种样式、颜色调色板、字体配对、UX指南和图表类型，支持多种技术栈如React、Vue等。适用于前端开发者、UI设计师和产品经理，帮助提高设计效率和代码质量。关键词：UI设计、UX设计、前端开发、设计系统、响应式设计、可访问性、颜色调色板、字体配对、图表设计。

这个技能提供一套系统化的前端设计评审方法论，包含7个阶段，确保可访问性（WCAG 2.1 AA标准）、响应式设计和视觉抛光。它用于代码审查、UI审计，并解决常见设计问题如对比度问题、布局断裂、可访问性违规等，适用于PR评审和用户体验改进。关键词：设计评审、UI审计、前端开发、可访问性测试、响应式设计、视觉QA、用户体验、WCAG合规、PR审查。

这个技能用于通过 Figma MCP 服务器从 Figma 设计工具中自动获取设计上下文、截图、变量和资产，并将 Figma 节点翻译成生产代码（如 React + Tailwind），实现设计到代码的自动化转换。适用于前端开发项目，提高开发效率，确保设计一致性，支持链接驱动的实现流程。关键词：Figma, MCP, 设计到代码, 前端开发, React, Tailwind, 自动化, 代码生成, 设计系统。

配色方案生成器是一个专门用于创建符合WCAG无障碍标准的配色方案的工具。它能从基础颜色生成互补色、类似色、三色等多种配色方案，自动计算颜色对比度，确保AA/AAA级可访问性，并支持导出为CSS、SCSS、JSON等设计令牌格式。该工具还提供深色模式变体生成、无障碍替代方案建议和完整的合规性报告功能。关键词：配色方案生成，WCAG无障碍标准，颜色对比度计算，设计系统令牌，深色模式，可访问性设计，前端开发工具，UI设计辅助

这是一个专注于Vue.js 3框架开发最佳实践的技能包，特别针对TypeScript类型安全、vue-tsc类型检查和Volar编辑器支持。它提供了一套完整的规则和解决方案，用于提升Vue组件开发的健壮性和开发效率。核心功能包括：Vue组件Props类型提取、模板严格类型检查、CSS模块拼写校验、Volar配置优化、Pinia状态管理模拟等。关键词：Vue.js, TypeScript, 类型安全, 组件开发, 前端工程化, Volar, vue-tsc。

该技能是 VueUse 组合式函数的决策与实施指南，专为 Vue.js 和 Nuxt 项目设计，帮助开发者高效选择和使用 VueUse 函数来构建简洁、可维护的前端功能。它通过映射需求到最合适的 VueUse 函数，优先采用组合式解决方案，提升代码质量和开发效率。关键词：VueUse, Vue.js, Nuxt, 组合式函数, 前端开发, 代码优化, 响应式编程, 开发工具

tsdown是一个基于Rolldown的极速TypeScript/JavaScript库打包工具，专为前端开发者设计，用于高效构建、打包和发布npm库。它支持多种输出格式（ESM、CJS、IIFE、UMD），自动生成类型声明文件，提供摇树优化和压缩功能，并兼容主流前端框架（React、Vue、Solid、Svelte）。关键词：TypeScript打包工具，JavaScript库构建，前端开发工具，npm库打包，Rolldown，摇树优化，类型声明生成，多格式输出，组件库构建。

React开发技能是专注于现代React应用构建的专业能力，提供React组件开发、Hooks模式实现、状态管理配置、性能优化和最佳实践指导。该技能涵盖TypeScript类型安全、自定义Hook设计、Context API和Redux状态管理、组件记忆化优化、React Testing Library测试等关键技术。适用于前端开发人员构建高性能、可维护的React应用，特别适合组件库开发、企业级应用架构设计和性能调优场景。

该技能可从UI截图/设计稿中系统提取设计系统（配色/字体/组件/间距），生成设计文档和PRD，最终输出可直用于React实现的MVP界面提示词，支持多方案产出。

本技能专注于使用.NET 8+平台上的WinForms开发Windows桌面应用程序，涵盖高DPI支持、暗黑模式（实验性）、依赖注入模式、现代化迁移技巧和最佳实践。关键词：WinForms, .NET 8+, 高DPI, 暗黑模式, 依赖注入, Windows桌面开发, 现代化迁移, 异步编程, 前端UI开发。