前端开发 Skill技能列表
Markdown转换器Skill markdown-converter
Markdown 转换工具是一款功能强大的文档处理工具，能够将 Markdown 格式的文档高效地转换为 HTML、PDF 等多种格式。它支持语法高亮、表格渲染和自定义 CSS 样式，是开发人员、技术写作者和内容创作者的理想选择，用于生成美观、专业的文档、技术手册和网页内容。关键词：Markdown转换，HTML生成，PDF导出，文档渲染，语法高亮，自定义样式，技术文档工具。
VercelReact最佳实践Skill vercel-react-best-practices
Vercel 工程团队提供的 React 和 Next.js 应用的性能优化指南，包含 45 条规则，覆盖 8 个优化类别，旨在提升应用性能。
前端设计Skill frontend-design
这是一个用于创建独特、高质量、生产级前端界面的技能。它指导开发者避免通用AI美学，专注于创意设计思维、独特排版、色彩主题、动效和空间构成，生成具有鲜明美学观点和精致细节的代码。关键词：前端开发，UI设计，创意界面，生产级代码，美学设计，网页组件，React，Vue，CSS动画，独特排版。
实现命令面板Skill implementing-command-palettes
本技能详细讲解如何在React中实现高效、响应式的命令面板（Cmd+K/Ctrl+K），涵盖键盘导航、滚动行为、过滤匹配和性能优化等关键技术。关键词：React命令面板、键盘导航、scrollIntoView、快捷键匹配、防止重新渲染、前端开发、用户体验优化、React性能优化、UI组件开发。
Nuxt模块开发Skill nuxt-modules
Nuxt模块开发技能专注于创建和维护Nuxt框架的扩展模块，用于增强前端应用功能。涉及关键词：Nuxt模块、Vue.js开发、前端扩展、npm发布、CI/CD自动化、E2E测试、模块化开发、Kit实用工具。
页面构建器设计Skill design-page-builder
这个技能用于设计和实现模块化的页面构建系统，支持组件化、槽位布局和块状编辑，适用于前端框架如 Blazor、React、Vue 等。它帮助开发者快速搭建内容管理系统的页面结构，提升编辑体验和开发效率。关键词：模块化页面构建、组件设计、槽位布局、块状编辑、前端开发、CMS。
Vue最佳实践Skill vue-best-practices
这是一个专注于Vue.js 3框架开发最佳实践的技能包，特别针对TypeScript类型安全、vue-tsc类型检查和Volar编辑器支持。它提供了一套完整的规则和解决方案，用于提升Vue组件开发的健壮性和开发效率。核心功能包括：Vue组件Props类型提取、模板严格类型检查、CSS模块拼写校验、Volar配置优化、Pinia状态管理模拟等。关键词：Vue.js, TypeScript, 类型安全, 组件开发, 前端工程化, Volar, vue-tsc。
Nuxt认证增强模块Skill nuxt-better-auth
Nuxt Better Auth 是一个用于 Nuxt 4+ 应用的认证模块，基于 Better Auth 构建。它提供 useUserSession 组合函数、服务器认证助手如 requireUserSession、路由保护功能，支持登录、注册、退出流程，并能集成 Better Auth 插件如管理员、密码钥匙和双因素认证。适用于前端开发和全栈开发场景，便于实现安全认证和用户会话管理。关键词：Nuxt, 认证, useUserSession, 服务器认证, 路由保护, Better Auth, 前端开发, 全栈开发
NextAuth身份验证配置技能Skill nextauth
这是一个用于在 Next.js 应用中实现专业级身份验证的专家技能。它专注于配置和管理 NextAuth.js (Auth.js)，涵盖 OAuth 提供商（如 Google、GitHub）、数据库适配器（Prisma、Drizzle）、JWT 会话处理、自定义回调、受保护路由中间件以及基于角色的访问控制（RBAC）。提供从基础配置到高级安全实践的全套解决方案，帮助开发者快速构建安全、可扩展的用户认证系统。关键词：NextAuth.js, Next.js 身份验证, OAuth 登录, JWT 会话, 数据库适配器, RBAC 权限控制, 安全中间件
Telegram生态开发技能Skill telegram-dev
全面的 Telegram 开发指南，涵盖 Bot 开发、Mini Apps（小程序）、客户端开发的完整技术栈。
UI设计与样式技能Skill ui-styling
该技能用于创建美观、可访问的用户界面，结合shadcn/ui组件库、Tailwind CSS实用样式和canvas-based视觉设计系统，适用于前端开发、UI设计、响应式布局和可访问性优化。关键词：UI设计、前端开发、响应式布局、可访问性、Tailwind CSS、shadcn/ui、视觉设计、React框架、深色模式、设计系统。
UI/UX设计智能专家Skill ui-ux-pro-max
这个技能是一个前端UI/UX设计工具，提供样式数据库、调色板、字体配对、图表推荐和最佳实践，帮助设计师和开发者快速创建美观、响应式界面。关键词：UI设计、UX设计、前端开发、响应式设计、颜色调色板、字体配对、交互设计、网页设计。