React状态管理技能涉及使用不同的状态管理库和模式来处理React应用中的本地和全局状态。关键词包括React State, React Context, Zustand, Redux Toolkit, TanStack Query, Jotai。

这个技能专注于使用p5.js和算法创建生成式艺术，通过计算过程、噪声函数和粒子系统等，实现交互式的参数探索和艺术生成。适用于生成艺术、算法艺术、流动场和粒子系统开发，强调计算美学、种子随机性和专家工艺。

这个技能是一个前端开发工具套件，专门用于使用现代技术如 React、Tailwind CSS 和 shadcn/ui 创建 Claude.ai HTML 艺术品。它适用于构建多组件、复杂艺术品，支持状态管理和路由，不适用于简单文件。关键词：前端开发、React、Tailwind CSS、shadcn/ui、HTML、艺术品构建、Claude.ai、工具套件。

这个技能用于在Tauri跨平台桌面应用中处理文件路径、进行文件操作和使用API。它涉及上下文检测、路径操作函数、平台常量和基础目录管理，帮助开发者实现跨平台兼容性和高效的文件系统交互。关键词：Tauri、路径处理、跨平台、文件操作、API、桌面应用开发、前端开发、异步操作、文件系统插件、IPC通信。

设计系统创建是一个用于构建和管理UI设计系统的技能，包括设计令牌、组件库、文档等，旨在确保品牌一致性和开发效率。关键词：设计系统、UI设计、前端开发、组件库、设计令牌、响应式设计、可访问性。

这个技能是关于使用 Bun 运行时和 React 框架进行服务器端渲染（SSR），用于构建高性能、SEO友好的 Web 应用。它包括设置 SSR、流式渲染、数据获取、路由、CSS 处理、开发和优化等关键技术。关键词：Bun, React, SSR, 服务器端渲染, 前端开发, 性能优化, 流式渲染, 数据获取, 路由, CSS 处理, 热重载, 生产构建, SEO 优化。

这个技能用于创建独特、生产级的前端界面，强调创意设计和避免通用AI美学。它生成高质量、视觉冲击力的代码，适用于Web组件、页面和应用程序开发，确保界面既功能完整又具有独特美学风格。关键词：前端设计，创意代码，美学界面，避免AI通用，生产级开发。

这个技能专注于Makepad框架中的着色器编程，用于帮助用户编写和解释着色器代码，包括生成shader代码、回答问题、解释Sdf2d和GLSL函数。适用于前端开发和图形渲染，关键词包括：Makepad, 着色器, SDF, GLSL, 前端开发, 图形编程, UI设计。

这个技能用于管理 shadcn/ui 组件，支持快速添加组件、构建复杂UI功能、研究组件实现和获取安装命令，适用于前端开发项目。关键词：shadcn, UI组件, 前端开发, 组件管理, 快速添加, 复杂构建。

这个技能专注于网页无障碍性和WCAG 2.2合规性，确保界面对所有用户可访问，包括键盘导航、屏幕阅读器优化、颜色对比要求等。它适用于前端开发、用户体验优化和网站审计，关键词：无障碍、WCAG、前端开发、用户体验、屏幕阅读器、键盘导航。

这个技能用于掌握现代JavaScript（ES6+）核心特性，包括箭头函数、解构、异步操作、函数式编程模式等，帮助开发者编写高效、可维护的前端代码，适用于重构遗留系统、优化Web应用性能及提升代码质量。关键词：JavaScript开发，ES6+，前端优化，异步编程，代码重构，函数式编程，性能提升。

该技能专注于在 TypeScript 项目中实施严格模式，通过全面的类型定义、错误处理和消除 any 类型，确保代码的类型安全，防止运行时错误，提升开发效率和代码质量。关键词：TypeScript, 严格模式, 类型安全, 类型定义, 错误处理, 前端开发, 类型守卫, 泛型编程。