前端开发 Skill技能列表
VercelReact最佳实践Skill vercel-react-best-practices
Vercel 工程团队提供的 React 和 Next.js 应用的性能优化指南，包含 45 条规则，覆盖 8 个优化类别，旨在提升应用性能。
Markdown图片生成器Skill markdown-to-image
该技能用于自动将Markdown文档转换为高质量的图片海报，便于在社交媒体平台如微信、小红书等分享。它支持智能提取标题、生成SVG头图、自动分页等功能，适合内容创作者和播客作者使用。关键词包括Markdown转图片、社交媒体海报、智能生成、内容分享。
SveltiaCMS集成技能Skill sveltia-cms
这个技能用于将 Sveltia CMS 集成到静态网站项目中，提供完整的指南和工具，帮助快速搭建轻量级、基于 Git 的内容管理系统。Sveltia CMS 是现代 Decap/Netlify CMS 的继任者，支持多种框架如 Hugo、Jekyll、Astro，包含安装、配置、认证、错误解决和部署。关键词：Sveltia CMS，静态网站，内容管理，Git 集成，轻量级 CMS，前端开发工具，SEO 友好内容管理。
uViewProVue3组件库指南Skill uview-pro-vue3
这个技能提供uView Pro Vue 3组件库的全面指南，帮助开发者安装、配置和使用各种UI组件、工具和布局模板，适用于Vue 3和uni-app项目。关键词包括uView Pro, Vue 3, uni-app, UI组件, 前端开发, 组件库, 移动优先设计, 主题自定义, i18n, 工具方法。
AvueCRUD组件使用指南Skill avue-crud
此技能提供Avue CRUD组件的全面指导，帮助开发者快速构建和管理数据表格界面，支持增删改查、分页、搜索、排序、导出等常见功能。适用于前端开发中需要实现数据管理场景的项目，如配置表格操作、表单处理和API集成。关键词：Avue CRUD、前端开发、表格操作、数据管理、Vue.js、增删改查、分页搜索、列配置、表单验证。
VueUse工具库Skill vueuse
VueUse工具库是一个Vue.js的组合式函数集合，提供各种响应式实用工具，涵盖状态管理、浏览器API、传感器、网络、动画等，帮助开发者高效构建Vue应用，避免重复开发。关键词：VueUse, Vue.js, 组合式函数, 响应式工具, 状态管理, 浏览器API。
shadcn-vueVue组件库Skill shadcn-vue
shadcn-vue 是一个用于Vue.js和Nuxt.js框架的UI组件库，基于Reka UI和Tailwind CSS，提供可访问、可自定义的组件，如自动表单、数据表格、图表等，并支持黑暗模式和TypeScript。关键词：Vue, Nuxt, UI组件, Tailwind CSS, 可访问性, 自动表单, 数据表格, 黑暗模式, TypeScript
原子设计集成Skill atomic-design-integration
这个技能用于将原子设计方法论与现代前端框架如 React、Vue、Angular 集成，提供项目结构、组件模板、测试和配置的最佳实践，关键词包括：原子设计、前端开发、React、Vue、Angular、组件集成、项目结构、Storybook、测试。
UI/UX设计专业版Skill ui-ux-pro-max
这个技能是一个全面的UI/UX设计智能工具，提供丰富的设计资源和指南，用于web和移动应用程序的界面设计、用户体验优化和代码实现。包含多种样式、颜色调色板、字体配对、UX指南和图表类型，支持多种技术栈如React、Vue等。适用于前端开发者、UI设计师和产品经理，帮助提高设计效率和代码质量。关键词：UI设计、UX设计、前端开发、设计系统、响应式设计、可访问性、颜色调色板、字体配对、图表设计。
TypeScript打包工具Skill tsdown
tsdown是一个基于Rolldown和Oxc的TypeScript打包工具，用于快速构建TypeScript库、生成.d.ts声明文件、支持ESM/CJS双输出、包验证和插件开发。适用于TypeScript库开发、npm包发布、Vue/React组件库构建等场景，提升开发效率和代码质量。关键词：TypeScript打包、tsdown、库构建、ESM/CJS、d.ts生成、插件开发、前端工具。
PiniaVue状态管理Skill pinia
Pinia 是 Vue 的官方状态管理库，提供类型安全、可扩展性和直观的 API，适用于 Vue 应用中的状态管理、存储定义和组件通信。关键词：Vue 状态管理、Pinia、TypeScript、可扩展、前端开发、Vue 插件。
代码质量审查员Skill quality-reviewer
代码质量审查员是一个自动化代码审查工具，专门用于检查和强制执行前端开发项目的代码质量标准。该工具支持TypeScript严格模式、ESLint合规性检查、文件行数限制、函数复杂度控制、命名规范验证、导入路径优化和项目架构合规性审查。适用于React、Vue等前端框架项目，帮助开发团队保持代码一致性，提高代码可维护性，减少技术债务。关键词：代码审查、代码质量、TypeScript、ESLint、前端开发、代码规范、自动化检查、DevOps、代码重构、复杂度控制