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

SVG优化器是一款用于前端开发的自动化工具，主要功能包括SVG图像压缩、精灵图生成和React/Vue组件转换。它能有效移除冗余元数据、优化路径结构、提升网页加载性能，并确保图标资源的可访问性，适用于构建现代Web应用和设计系统。关键词：SVG优化，前端开发，图标系统，React组件，性能优化，可访问性，精灵图生成，SVGO，svgr。

Nuxt 是一个基于 Vue.js 的全栈 Web 开发框架，专注于服务端渲染（SSR）、自动导入和文件路由。它简化了现代 Web 应用的构建流程，支持混合渲染和跨平台部署，是构建高性能、SEO 友好的 Vue 应用的关键工具。关键词：Nuxt 框架、Vue SSR、服务端渲染、全栈开发、自动导入、文件路由、Nitro 服务器、混合渲染、Web 应用开发。

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

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

这是一个用于构建现代化全栈Web应用的专家级技能。它专注于Next.js框架，特别是App Router、React Server Components (RSC)、Server Actions、流式渲染、缓存策略和Vercel部署。该技能能帮助开发者快速搭建项目结构，实现服务器端渲染、数据获取、表单处理、API路由、高级路由模式（如并行路由、拦截路由）以及性能优化。适用于需要构建高性能、SEO友好、可扩展的Web应用程序的场景。关键词：Next.js, React, 全栈开发, App Router, Server Components, Server Actions, Vercel部署, 前端框架, Web应用开发。

前端设计技能专注于创建独特、高质量的前端界面，使用HTML、CSS、JavaScript、React等技术实现，避免通用AI美学，适用于构建网页组件、页面、应用程序等场景。强调创意设计、美学优化和代码精细化。关键词：前端设计、UI设计、网页开发、创新代码、美学界面、生产级前端、避免AI美学、设计思维。

这个技能用于构建自包含的交互式HTML仪表板，包含图表、过滤器和表格，支持专业样式，无需服务器即可直接在浏览器中运行。专注于前端开发，利用Chart.js实现数据可视化，适用于业务监控、数据分析和报告。关键词：HTML仪表板、数据可视化、前端开发、交互式设计、Chart.js、响应式布局、自包含应用。

这个技能用于构建自包含的交互式HTML仪表盘，使用Chart.js创建图表，集成下拉过滤器，具有专业样式，适用于创建仪表盘、构建交互式报告或生成无需服务器的可共享HTML文件。关键词：仪表盘构建、Chart.js、交互式报告、HTML/JS、数据可视化、前端开发、数据过滤、响应式设计。

这是一份全面的软件开发编码标准指南，涵盖TypeScript、JavaScript、React和Node.js开发的最佳实践。文档详细介绍了代码质量原则（可读性、KISS、DRY、YAGNI）、变量命名规范、函数设计模式、不可变性原则、错误处理策略、异步编程技巧、类型安全要求、React组件架构、API设计标准、文件组织规范、注释文档编写、性能优化方法、测试标准以及代码异味检测。适用于前端开发、后端开发和全栈开发团队，帮助建立统一的代码规范，提高代码质量和团队协作效率。

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

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