前端开发 Skill技能列表
ShadcnUI组件库Skill shadcn-ui-components
此技能用于使用 shadcn/ui、Radix UI 和 Tailwind CSS 构建美观、可访问、可自定义的 UI 组件库。适用于前端开发中的组件库创建、常见 UI 模式实现（如对话框、下拉菜单、表单验证、数据表格、命令面板）、设计系统构建，以及提升开发效率和用户体验。关键词：前端开发、UI 组件、可访问性、Tailwind CSS、Radix UI、shadcn/ui、组件库、表单验证、数据表格、设计系统。
Next.js应用路由器技能Skill nextjs-app-router
这个技能用于使用Next.js 13+的App Router架构构建现代Web应用，支持服务器组件、客户端组件、高级路由模式，优化数据获取和渲染性能，提升SEO友好性。关键词：Next.js, App Router, 服务器渲染, React, 前端开发
无障碍网页开发(WCAG)Skill accessibility-wcag
此技能专注于构建遵循WCAG 2.1/2.2标准的无障碍网页应用，确保网站对所有用户可访问，包括使用辅助技术的用户。涉及语义HTML、ARIA属性、键盘导航、屏幕阅读器支持、包容性设计等关键技术。关键词：无障碍开发、WCAG合规、网页可访问性、ARIA、键盘导航、屏幕阅读器、SEO搜索。
交互设计Skill interaction-design
交互设计技能专注于通过微交互、运动设计、状态过渡和用户反馈模式来提升用户界面的交互体验和可用性。它用于实现平滑的动画效果、加载状态设计、手势交互等，以增强用户满意度和界面直观性。关键词：交互设计、微交互、UI动画、前端开发、用户体验优化。
网络研究技能Skill skill-web-research
该技能用于执行网络开发研究，通过框架文档和代码库探索来收集技术信息，支持Astro、Tailwind、Cloudflare等前端技术，并自动处理研究后的状态更新、工件链接和版本控制操作。关键词包括：web开发、研究技能、框架文档、代码库探索、前端技术、状态管理、自动化流程。
UI/UX设计专业版Skill ui-ux-pro-max
UI/UX Pro Max 是一个综合性UI/UX设计智能工具，提供丰富的设计资源，包括50种样式、21种调色板、50种字体配对、20种图表和9种技术栈。它帮助用户生成设计系统、进行详细搜索，覆盖视觉样式、字体、调色板、UI组件和最佳实践等领域，输出为ASCII表格或Markdown格式，适用于前端开发、平面设计和产品管理中的设计工作。关键词：UI设计、UX设计、设计系统、前端开发、视觉设计、调色板、字体配对、图表、技术栈。
Next.js最佳实践Skill nextjs-best-practices
这个技能是关于Next.js框架中App Router开发的最佳实践，涵盖了服务器与客户端组件、数据获取模式、路由原则、API设计、性能优化、缓存策略等关键方面，旨在帮助前端开发者构建高效、可扩展的Web应用。关键词：Next.js、App Router、服务器组件、客户端组件、数据获取、路由、性能优化、缓存、SEO。
Zustand状态管理技能Skill zustand-state-management
这个技能提供了在 React 应用中，使用 Zustand 进行状态管理的完整设置指南，特别针对 TypeScript。它包括基本模式、中间件配置、常见问题预防和最佳实践，用于构建可扩展、类型安全的全局状态。关键词：Zustand，状态管理，React，TypeScript，持久化，中间件，前端开发，JavaScript，Redux 替代。
Tauri路径处理Skill tauri
这个技能用于在Tauri跨平台桌面应用中处理文件路径、进行文件操作和使用API。它涉及上下文检测、路径操作函数、平台常量和基础目录管理，帮助开发者实现跨平台兼容性和高效的文件系统交互。关键词：Tauri、路径处理、跨平台、文件操作、API、桌面应用开发、前端开发、异步操作、文件系统插件、IPC通信。
Svelte5开发Skill svelte-development
Svelte 5 开发是一种使用 Svelte 5 框架和 SvelteKit 构建现代 Web 应用程序的前端开发技能，涉及响应式设计、全栈开发、TypeScript 和测试，关键词包括 Svelte 5, SvelteKit, 前端开发, Web 应用, TypeScript, 响应式设计, 符文系统, 组件开发, API 路由, 测试
Next.js16AppRouter性能优化技能Skill nextjs
此技能提供Next.js 16 App Router的全面性能优化指南，涵盖构建优化、缓存策略、服务器组件、路由、SEO等关键领域，帮助前端开发者提升应用性能和效率，适用于Next.js项目开发和性能调优。
UI保护锁定Skill ui-freeze
这是一个用于前端开发的UI保护技能，能自动锁定关键设计文件如tailwind.config和CSS变量，防止意外更改，提高开发效率和代码稳定性。适用于前端开发、UI设计、CSS管理、视觉回归测试、主题保护、UI组件锁定等领域，确保设计系统的一致性。关键词：UI保护、主题文件锁定、前端开发、CSS管理、视觉回归、设计系统保护。