前端开发 Skill技能列表
LayuiVue3组件库指南Skill layui-vue3
此技能提供Layui Vue在Vue 3中的完整使用指南，涵盖安装、配置、组件使用、API参考和最佳实践，适用于前端开发人员快速集成UI组件。关键词包括：Layui Vue, Vue 3, 组件库, 前端开发, UI组件, 安装指南, 配置教程。
TailwindCSS技能Skill tailwind-css
Tailwind CSS 配置和自定义设计系统专家，提供组件样式模式和暗色模式实现
NuxtSkill nuxt
Nuxt 是一个基于 Vue.js 的全栈 Web 开发框架，专注于服务端渲染（SSR）、自动导入和文件路由。它简化了现代 Web 应用的构建流程，支持混合渲染和跨平台部署，是构建高性能、SEO 友好的 Vue 应用的关键工具。关键词：Nuxt 框架、Vue SSR、服务端渲染、全栈开发、自动导入、文件路由、Nitro 服务器、混合渲染、Web 应用开发。
静态报告页面生成与托管技能Skill user-ask-for-report
此技能用于快速创建和部署静态报告网站。它使用Tailwind CSS进行样式设计，支持客户端密码保护，并可以通过Originless服务上传到IPFS进行匿名托管。适用于需要快速生成美观报告页面的场景。关键词：静态网站、Tailwind CSS、IPFS、报告生成、前端开发、密码保护。
SVG优化器Skill svg-optimizer
SVG优化器是一款用于前端开发的自动化工具，主要功能包括SVG图像压缩、精灵图生成和React/Vue组件转换。它能有效移除冗余元数据、优化路径结构、提升网页加载性能，并确保图标资源的可访问性，适用于构建现代Web应用和设计系统。关键词：SVG优化，前端开发，图标系统，React组件，性能优化，可访问性，精灵图生成，SVGO，svgr。
Excalidraw手绘图表生成器Skill excalidraw
这是一个用于将Excalidraw JSON格式数据自动渲染为手绘风格PNG图表的工具。它支持生成流程图、架构图、示意图等多种图表类型，提供丰富的样式自定义选项和智能箭头绑定功能，无需手动计算坐标，简化了技术文档、设计草图和演示文稿的图表制作流程。关键词：Excalidraw图表生成，手绘风格流程图，JSON转PNG，技术绘图工具，架构图自动渲染，可视化工具。
AntDesignMini技能Skill ant-design-mini
此技能提供Ant Design Mini组件库在小程序开发中的全面指南，涵盖安装、组件使用、主题配置、API参考等内容，适用于支付宝和微信小程序。关键词：Ant Design Mini, 小程序, 支付宝小程序, 微信小程序, UI组件, 前端开发, 组件库。
表单构建Skill building-forms
本技能提供系统化的表单构建指导，涵盖输入组件选择、验证策略、可访问性合规（WCAG 2.1）、UX最佳实践，以及JavaScript/React和Python的示例实现。适用于创建各种表单界面，如注册流程、调查问卷、多步向导等。关键词：表单构建、输入模式、验证、可访问性、WCAG 2.1、React、Python、前端开发、用户体验。
shadcn/ui组件开发助手Skill shadcn
shadcn/ui 技能是一个专注于使用 shadcn/ui 组件库进行高效、现代化用户界面开发的专家助手。它提供组件安装、样式定制、主题配置、功能扩展以及与表单等复杂逻辑集成的全方位支持。适用于 React 应用、Next.js 全栈项目和快速原型开发，帮助开发者快速构建美观、一致且可维护的 UI。关键词：shadcn/ui, React组件库, UI开发, 前端组件, 主题定制, Next.js, 快速原型。
配色方案生成器Skill color-palette-generator
配色方案生成器是一个专门用于创建符合WCAG无障碍标准的配色方案的工具。它能从基础颜色生成互补色、类似色、三色等多种配色方案，自动计算颜色对比度，确保AA/AAA级可访问性，并支持导出为CSS、SCSS、JSON等设计令牌格式。该工具还提供深色模式变体生成、无障碍替代方案建议和完整的合规性报告功能。关键词：配色方案生成，WCAG无障碍标准，颜色对比度计算，设计系统令牌，深色模式，可访问性设计，前端开发工具，UI设计辅助
Vue3开发Skill vue
Vue 3 开发技能是一个参考系统，提供 Vue 3 Composition API 模式、组件架构、测试实践等指导，适用于前端开发、Vue 组件编写、composables 创建和代码测试。关键词：Vue 3, Composition API, 前端开发, 组件, composables, 测试, 响应式编程。
VueUse工具库Skill vueuse
VueUse工具库是一个Vue.js的组合式函数集合，提供各种响应式实用工具，涵盖状态管理、浏览器API、传感器、网络、动画等，帮助开发者高效构建Vue应用，避免重复开发。关键词：VueUse, Vue.js, 组合式函数, 响应式工具, 状态管理, 浏览器API。