此技能用于审查网页UI代码是否符合Web接口指南，确保可访问性、设计合规性和UX最佳实践。关键词包括UI审查、可访问性检查、设计审核、UX评估、网页指南遵循、代码合规性检查、前端开发规范、用户界面标准验证。

这个技能用于构建可自定义的节点基础编辑器和交互式图表，适用于Svelte应用中的流程基础界面。涵盖核心概念、设置和常见模式，关键词包括Svelte Flow、节点基础、流程图、前端开发、交互式UI，适合SEO搜索。

这个技能用于实现符合WCAG 2.2标准的可访问性接口，支持移动设备、包容性设计模式和辅助技术，提升网页和应用的包容性体验。关键词：可访问性、WCAG、ARIA、屏幕阅读器、键盘导航、无障碍设计、前端开发、UI/UX。

Webpack是一个广泛用于前端开发的模块打包工具，提供配置管理、资源加载、代码分割和性能优化功能，通过插件和加载器扩展，支持构建现代化Web应用程序。关键词：前端开发、Webpack配置、模块打包、构建优化、代码分割、JavaScript打包、开发工具。

UI研究技能用于在UI设计前进行系统性研究，收集真实产品灵感，识别现代设计模式，避免通用AI生成的外观，确保设计基于真实世界和用户体验。关键词：UI研究、用户体验设计、设计灵感、前端设计、设计流程、避免AI外观。

这是一个关于现代 React 应用状态管理的综合指南。它详细介绍了如何根据状态类型（服务器状态、客户端状态、表单状态、URL状态）选择和使用不同的状态管理库（TanStack Query, Zustand, React Hook Form, Zod, nuqs），以实现高效、类型安全且可维护的代码。内容包括查询键工厂、自定义钩子、类型化存储、性能优化选择器、状态持久化以及表单验证等核心模式。

Relay突变模式是React Relay库中用于管理GraphQL数据更新的核心技术，包括乐观更新、连接处理、声明式突变和全面错误处理，适用于前端开发中构建高效、响应式应用程序。关键词：Relay, GraphQL, 数据突变, 乐观更新, 前端开发, 缓存更新, 错误处理, 连接更新

这个技能是前端开发指南，专注于现代React和TypeScript应用程序的开发。它详细介绍了基于Suspense的数据获取、懒加载、文件组织、MUI v7样式、TanStack Router路由、性能优化和TypeScript最佳实践。适用于创建组件、页面、功能、获取数据、样式设置、路由和前端代码管理。关键词：React, TypeScript, 前端开发, 性能优化, 数据获取, Suspense, 懒加载, MUI v7, TanStack Router, 文件组织。

这是一个前端构建工具套件，用于创建复杂的多组件HTML艺术品，基于React、TypeScript、Tailwind CSS和shadcn/ui等现代前端技术。支持状态管理、路由和组件集成，适合高级前端项目开发和Claude AI工具集制作。关键词：前端开发、React、TypeScript、HTML构建、工具集、Claude AI、状态管理、路由、组件库。

这个技能用于在Storybook中配置交互式参数和控件，使组件故事动态化和可探索，便于设计师和开发人员实时测试组件变体。关键词：Storybook, 参数, 控制, 交互式, 组件开发, 前端测试, UI组件, 动态演示。

这个技能用于在React项目中包装现有的shadcn/ui组件，以添加8位复古风格，同时确保向后兼容性和代码重用。关键词包括：组件包装、8位风格、shadcn/ui、React、TypeScript、前端开发、复古UI。

Nuxt Better Auth 是一个用于 Nuxt 4+ 应用的认证模块，基于 Better Auth 构建。它提供 useUserSession 组合函数、服务器认证助手如 requireUserSession、路由保护功能，支持登录、注册、退出流程，并能集成 Better Auth 插件如管理员、密码钥匙和双因素认证。适用于前端开发和全栈开发场景，便于实现安全认证和用户会话管理。关键词：Nuxt, 认证, useUserSession, 服务器认证, 路由保护, Better Auth, 前端开发, 全栈开发