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

这是一个关于无障碍网页设计的技能，用于构建包容性的网页体验，遵循WCAG指南。关键内容包括语义HTML、ARIA属性、键盘导航、颜色对比和测试策略。关键词：无障碍、网页设计、WCAG、语义HTML、ARIA、前端开发、SEO优化。

图像优化技能专注于通过采用现代图像格式如WebP和AVIF、实施响应式图片技术、以及启用懒加载等策略，来提升网站加载速度和用户体验。适用于网页开发、前端优化场景。关键词：图像优化，网页性能，响应式图片，懒加载，前端开发。

这个技能用于开发和生产就绪的AI聊天用户界面组件，基于shadcn/ui和Vercel AI SDK v5。它支持流式聊天、工具/函数调用显示、推理可视化等功能，适用于构建类似ChatGPT的聊天界面。关键词：AI聊天、前端开发、UI组件、shadcn/ui、Next.js、AI SDK、流式聊天、Vercel AI SDK、生产就绪组件。

该技能用于为 8-bit 风格组件创建和维护结构化文档，包括组件预览、使用示例、属性表格和导入指南，旨在提高前端组件库的文档质量和用户体验。关键词：8-bit 组件、文档编写、前端开发、组件库、SEO 优化。

这个技能专注于检查和修复 TypeScript 代码中的类型安全问题，包括 any 类型检测、类型定义完整性、Zod 验证集成、路径别名类型检查和 Biome 配置集成，旨在提升代码质量、减少运行时错误并优化开发效率。关键词：TypeScript, 类型检查, 严格模式, any类型修复, Zod验证, 路径别名, Biome集成, 代码质量, 开发效率。

这个技能专注于Makepad跨平台开发，提供平台支持、条件编译和平台API使用指导，帮助开发者在macOS、Windows、Linux、iOS、Android、Web等多个操作系统上构建兼容且高性能的应用。关键词：Makepad、跨平台开发、平台支持、条件编译、OsType、图形后端、前端UI。

此技能用于自动审查网页 UI 代码，确保其符合 Web 界面指南，包括可访问性检查、设计审计和用户体验优化，提升网站质量，便于 SEO 搜索。关键词：UI 代码审查、Web 界面指南、可访问性检查、设计审计、UX 审查、最佳实践、前端开发。

这个技能提供新闻网站、学术平台等的可访问性合规模式，用于构建无障碍界面、审计网站的WCAG合规性、编写图像替代文本、创建可访问数据可视化、确保多媒体内容可访问，并满足法律要求。它帮助开发人员和内容发布者确保所有读者（包括使用辅助技术的用户）都能平等访问网络内容。关键词：可访问性、无障碍设计、WCAG、新闻网站、数据可视化、图像替代文本、键盘导航、屏幕阅读器。

这个技能用于审计和提升网站的可访问性，遵循WCAG 2.1指南，确保内容对所有用户（包括残障人士）都可访问。它涵盖文本替代、颜色对比、键盘导航、屏幕阅读器支持等关键方面，帮助开发者创建无障碍的Web应用。关键词：Web可访问性、WCAG 2.1、无障碍开发、前端可访问性、A11Y、屏幕阅读器支持、键盘导航。

此技能专为使用p5.js创建算法艺术而设计，涵盖算法哲学构思、交互式生成艺术实现和参数探索。它结合计算美学与前端开发，允许用户通过种子随机性和动态控件生成独特艺术变体。适用于生成艺术、前端开发、交互设计等领域。关键词：算法艺术、生成艺术、p5.js、交互式艺术、前端开发、种子随机性、参数控制、计算美学。

这个技能用于自动审查UI代码是否符合Web界面指南，提升网站的可访问性、用户体验和设计质量，适用于前端开发、设计审计和最佳实践检查。关键词：Web界面指南、UI审查、可访问性检查、UX审计、设计合规、最佳实践、前端开发。