算法艺术技能专注于使用p5.js库通过编程代码创建生成式艺术，强调种子随机性以确保作品可复现，并支持交互式参数探索。适用于代码艺术、生成艺术、流场模拟、粒子系统等创意编码项目，关键词包括：算法艺术、生成艺术、p5.js、代码艺术、流场、粒子系统、创意编码、可视化。

这是一个由Vercel维护的React和Next.js前端性能优化技能，提供45个规则覆盖8个类别，用于代码编写、审查和重构，以提升应用性能。关键词：React, Next.js, 性能优化, 前端开发, 代码优化, Vercel。

这个技能提供了MUI Base UI的最佳实践指南，专为构建无头React组件库设计。它涵盖了组件模式、命名约定、组织方式、错误处理和样式规则，帮助开发者创建无样式UI组件、复合组件、实现无障碍优先模式，并支持受控和非受控组件模式。关键词：MUI, React, 组件库, 无头UI, 前端开发, 最佳实践。

Markdown文档处理器是一款专业的文档处理工具，专门用于解析、渲染、验证和转换Markdown与MDX格式的技术文档。支持自动生成目录、链接验证、前置元数据处理、图表嵌入（Mermaid/PlantUML）和多种格式转换（HTML/PDF/DOCX等）。适用于技术文档编写、API文档生成、架构设计文档、开发文档管理等场景，提升文档质量和维护效率。关键词：Markdown处理，MDX解析，文档自动化，技术文档，目录生成，链接验证，图表嵌入，文档转换，开发文档工具。

本技能提供 Tailwind CSS 框架的实用类模式、响应式设计断点、常用组件代码片段和配置的快速参考。关键词：Tailwind CSS， 响应式设计， 前端开发， 实用类， 深色模式， 布局模式， 组件代码。

React组合模式是一种前端开发技能，用于构建可维护的React组件，避免布尔属性泛滥，提升代码质量和团队协作效率。关键词：React, 组合模式, 组件库, 前端开发, 复合组件, 状态管理, 可扩展架构

Canvas技能是一个用于在连接的Otto节点（Mac应用、iOS、Android）上显示HTML内容的工具，适用于游戏开发、数据可视化、仪表板展示和交互式演示。关键词：HTML显示、跨平台开发、游戏、数据可视化、仪表板、交互式演示、Web内容展示。

Next.js App Router前端开发专家技能，专注于现代React应用架构。提供Next.js 13+ App Router完整解决方案，包括服务器组件优化、动态路由配置、嵌套布局实现、性能优化策略和ERP系统开发。关键词：Next.js App Router、React服务器组件、前端架构、动态路由、性能优化、TypeScript、shadcn/ui、SEO优化、企业级应用开发。

这个技能专注于创建原子级UI组件，如按钮、输入框、标签和图标，作为设计系统的最小不可分割构建块。它强调可重用性、无状态性和可访问性，用于构建一致的前端界面。关键词：原子设计，UI组件，前端开发，设计系统，React组件，可访问性，样式令牌。

React服务器端动作是一种在Next.js 14+框架中实现的功能，用于安全处理表单提交和服务器端数据操作，无需API路由。它支持渐进增强、服务器端验证、文件上传和乐观UI更新，适用于现代Web开发中的表单处理、服务器突变和性能优化场景。关键词：React Server Actions, Next.js, 表单处理, 服务器端突变, 渐进增强, 安全性, 缓存重新验证, 文件上传, 乐观UI更新, Web开发。

复古CSS架构是一种前端开发技能，专注于使用CSS自定义属性、像素字体和响应式设计模式来组织和构建8-bit复古风格的网页组件。它应用于创建或修改复古主题的网页界面，涉及自定义CSS组织、像素字体集成、图像像素化处理、暗模式适配和响应式布局。关键词：CSS架构、复古风格、像素字体、响应式设计、前端开发、8-bit设计、像素艺术、Tailwind工具、暗模式、网页组件。

该技能用于在开始前端开发任务前，系统阅读和理解相关开发指南，以确保代码质量、一致性并遵循最佳实践，关键词包括前端开发、指南阅读、编码标准、代码规范、SEO优化。