前端开发 Skill技能列表
ESLint代码检查配置Skill eslint
ESLint技能提供专业的JavaScript与TypeScript代码检查配置服务，涵盖规则定制、插件集成、团队规范制定。核心功能包括ESLint配置、自定义规则开发、React/Vue框架支持、代码质量优化。适用于前端开发、代码规范、静态分析、团队协作等场景。
WPFXAML样式生成器Skill wpf-xaml-style-generator
WPF XAML样式生成器是一款专门为Windows Presentation Foundation应用程序开发的专业工具，能够自动化生成支持多主题切换的XAML样式、控件模板和资源字典。该工具遵循现代UI设计原则，提供浅色/深色/高对比度主题支持，集成Fluent Design和Material Design设计系统，帮助开发者快速构建一致、可维护、美观的桌面应用程序界面。关键词：WPF开发、XAML样式、UI设计、主题切换、控件模板、资源字典、桌面应用程序、.NET开发、Fluent Design、Material Design
UI/UX设计专家Skill ui-ux-pro-max
全面的UI/UX设计智能助手，覆盖50+风格、161种调色板、57种字体配对、161种产品类型、99条UX指南，支持10个技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui、HTML/CSS）。可进行风格选择、设计系统生成、可访问性检查、性能优化、交互动效、跨平台应用设计等，适用于网站、落地页、仪表盘、SaaS、移动应用等产品的UI/UX设计与质量审查。关键词：UI设计、UX设计、界面设计、设计系统、风格指南、调色板、字体配对、响应式设计、可访问性、组件库、前端开发、移动应用设计。
原型到生产Skill prototype-to-production
原型到生产技能是一款自动化工具，用于将设计原型（如HTML、CSS、Figma导出文件）高效转换为生产就绪、类型化的前端组件。它通过分析原型结构，智能提取设计令牌和可复用模式，并遵循原子化设计方法论，生成符合项目技术栈（如React、TypeScript、Tailwind CSS）的整洁、可访问的代码。适用于前端开发、UI设计、代码重构和设计系统构建，提升从设计到开发的转化效率和质量。关键词：原型转换、前端组件、设计令牌、原子化设计、React组件、TypeScript、Figma、HTML转React、代码生成、UI开发。
Vite使用指南Skill vite
此技能提供Vite构建工具的全面指导，覆盖从入门设置到高级配置、插件选择、API使用和部署优化，适用于前端开发项目以提升开发效率和性能。关键词：Vite, 构建工具, 前端开发, HMR, 插件, SSR, 配置, 依赖预捆绑, 资产。
Markdown转HTML转换工具Skill baoyu-markdown-to-html
这是一个高效的工具，用于将 Markdown 文档转换为美观的 HTML 格式，支持多种主题、代码高亮、数学公式、图表等特性，特别适用于微信公众号、博客和其他在线平台的内容发布，提高内容展示效果和兼容性。关键词：Markdown, HTML, 转换, WeChat, 主题, 代码高亮, SEO。
Nuxt4+开发Skill nuxt
这个技能专注于Nuxt 4+框架的开发，提供服务器路由、文件路由、中间件、组合式API等全方位指导，助力开发者高效构建现代化Web应用。关键词：Nuxt 4+、前端开发、Vue.js、服务器端渲染、Web开发、Nuxt框架。
VueUse函数应用技能Skill vueuse-functions
该技能是 VueUse 组合式函数的决策与实施指南，专为 Vue.js 和 Nuxt 项目设计，帮助开发者高效选择和使用 VueUse 函数来构建简洁、可维护的前端功能。它通过映射需求到最合适的 VueUse 函数，优先采用组合式解决方案，提升代码质量和开发效率。关键词：VueUse, Vue.js, Nuxt, 组合式函数, 前端开发, 代码优化, 响应式编程, 开发工具
LayuiVue3组件库指南Skill layui-vue3
此技能提供Layui Vue在Vue 3中的完整使用指南，涵盖安装、配置、组件使用、API参考和最佳实践，适用于前端开发人员快速集成UI组件。关键词包括：Layui Vue, Vue 3, 组件库, 前端开发, UI组件, 安装指南, 配置教程。
FigmaMCP集成Skill figma
这个技能用于通过 Figma MCP 服务器从 Figma 设计工具中自动获取设计上下文、截图、变量和资产，并将 Figma 节点翻译成生产代码（如 React + Tailwind），实现设计到代码的自动化转换。适用于前端开发项目，提高开发效率，确保设计一致性，支持链接驱动的实现流程。关键词：Figma, MCP, 设计到代码, 前端开发, React, Tailwind, 自动化, 代码生成, 设计系统。
AntDesignVue组件库技能Skill ant-design-vue
Ant Design Vue 是一个专为 Vue 3 设计的 Ant Design 组件库，提供全面的安装、使用、API 参考和模板指导。适用于构建企业级 Vue 应用界面，包含各种 UI 组件如按钮、表格、表单等。关键词：Ant Design Vue, Vue 3, 组件库, 前端开发, UI 设计。
Three.js/TresJS3DHUD开发技能Skill threejs-tresjs
这个技能专注于使用 Three.js 和 TresJS 构建高性能的 3D HUD（平视显示器）界面，主要用于 JARVIS AI 助手。它提供 3D 渲染、动画效果、实时指标显示，并强调安全性和性能优化，包括安全颜色解析、内存管理和测试驱动开发。关键词：Three.js, TresJS, 3D HUD, WebGL, Vue 3, 安全开发, 性能优化, AI 助手, 全息显示