这个技能用于创建独特、生产级别的前端界面，注重高设计质量，避免通用AI美学，适用于构建Web组件、页面或应用程序。关键词包括前端开发、UI设计、代码实现、创意美学、生产级代码。

这个技能提供了可访问性基础知识，涵盖WCAG标准、ARIA属性、键盘导航等关键方面，适用于前端开发中构建表单、按钮、模态框等交互元素时确保对所有用户可访问。关键词：可访问性、WCAG、ARIA、键盘导航、屏幕阅读器、前端开发。

前端设计技能专注于开发高质量、独特的前端用户界面，适用于构建网站、组件、应用程序等，强调创意设计和避免通用AI美学，提升用户体验和视觉吸引力。关键词：前端设计、UI设计、网页开发、创意设计、避免AI美学。

Next.js Server Actions 是一种技术，允许在Next.js应用中定义服务器端函数来处理表单提交、数据变异等操作，无需编写API路由。它简化了前端与后端的交互，提高了开发效率和用户体验。关键词：Next.js、服务器操作、表单处理、数据变异、useFormState、useFormStatus、revalidatePath、revalidateTag。

该技能用于创建和管理Fumadocs平台的MDX文档文件，包括前置元数据设置、组件导入、安装命令生成和代码示例编写，适用于前端开发中的8-bit组件文档化工作。关键词：MDX文档、前端开发、组件集成、Fumadocs、8-bit组件、文档结构。

这个技能涉及使用 Next.js 框架的 `next/dynamic` 功能实现组件懒加载，以优化网页性能和用户体验。适用于在初始渲染时不需要的大型组件，如代码编辑器、图表、富文本编辑器等。通过动态导入，可以减少初始加载时间，提升应用响应速度。关键词：动态导入、懒加载、Next.js、前端优化、性能提升、组件加载、代码分割。

这个技能提供了在Tauri桌面应用中开发Svelte UI组件的编码规则和最佳实践，帮助开发者遵循标准，提高代码质量和可维护性。关键词：TAURI, Svelte, UI组件, 前端开发, 编码规范, 最佳实践, 类型安全, 状态管理, 反应式UI。

这个技能是GraphQL专家，专注于帮助开发者优化GraphQL代码，包括模式设计、Apollo Client/Server的使用、缓存管理、错误处理、TypeScript集成等。它提供代码审查、架构指导、最佳实践建议，以提升开发效率和代码质量。关键词：GraphQL, Apollo, 缓存, 模式设计, TypeScript, 代码审查, 架构指导, 前端开发, 后端API。

前端开发模式技能旨在指导开发者使用 Next.js App Router、Clerk 认证、shadcn/ui 组件和 PostHog 分析的既定最佳实践，确保前端开发一致性、可访问性和用户体验。适用于构建 UI 组件、实现认证流程、添加表单验证、集成分析事件等场景，提升开发效率和代码质量。关键词：前端开发，Next.js，Clerk 认证，shadcn/ui，PostHog 分析，响应式设计，可访问性，模式，最佳实践。

这是一个用于创建独特、高质量、生产级前端界面的技能工具。它强调突破常规的创意设计，避免通用AI美学，专注于实现具有鲜明美学观点和精致细节的Web组件、页面或应用程序。关键词：前端开发，UI设计，创意界面，生产级代码，美学设计，Web组件，视觉冲击，独特风格，CSS动画，响应式布局。

CSS开发验证技能是一个用于审查和审计现有CSS代码的专业工具，主要功能包括：检查语义命名规范、验证Tailwind @apply组合使用、确保深色模式变体覆盖、评估测试覆盖率、审查文档质量以及识别组合优化机会。该技能适用于前端开发团队进行代码质量检查、样式一致性审计、重构准备和合并前验证。关键词：CSS代码审查、语义命名、Tailwind验证、深色模式、测试覆盖率、前端开发、代码审计、样式规范。

这份指南提供了使用GSAP（GreenSock动画平台）在网页设计中实现专业、可访问且性能优越的动画的最佳实践，包括滚动触发器、性能优化、可访问性、响应式动画和测试集成。