OpenClaw AI 技能

Vercel 工程团队出品的 React 和 Next.js 性能优化指南，涵盖 8 个分类的 57 条规则，用于编写、审查和重构 React 代码，提高开发效率和代码质量。

React 前端框架开发工具，支持组件创建和应用构建。

分析代码性能，识别性能瓶颈，检测冗余计算和阻塞操作，提供优化建议。

利用 Chrome DevTools MCP 分析网页性能，测量核心 Web vitals（FCP、LCP、TBT、CLS、Speed Index），识别阻塞渲染的资源、网络依赖链、布局偏移、缓存问题和无障碍缺陷。适用于审计、配置文件、调试或优化页面加载性能、Lighthouse 得分或网站速度。

使用Next.js 15构建应用，集成App Router、服务器端组件、缓存、身份验证和生产环境模式，打造高性能的React应用。

分析和优化应用性能。适用于诊断慢代码、测量 CPU/内存使用情况、生成火焰图、基准测试函数、负载测试 API、查找内存泄漏或优化数据库查询。

分析前端性能问题（LCP、FCP、CLS、包大小），提供优先级化、实用的加载和运行时效率优化建议。

提供 React 和 Next.js 性能优化模式，适用于编写、审查或重构 React/Next.js 代码以确保最佳性能。触发条件包括涉及组件、数据获取、捆绑包优化、重新渲染减少或服务器组件架构的任务。

优化网页性能和LLM API成本，涵盖加载速度、运行时效率、资源优化以及成本感知LLM管道（含模型路由）等方面。

进行全面网页性能审计，诊断瓶颈，并提供针对服务器、渲染、英雄元素、JavaScript 和布局等方面的有针对性的修复建议。

一站式 WordPress 优化工具，提供站点健康检查、性能优化、数据库清理、自动加载调优、慢查询检测、wp-config 管理、图片尺寸控制等功能，帮助提升 WordPress 网站的运行效率和安全性。

性能分析器是一款用于分析和优化应用性能的工具，帮助开发者识别瓶颈并提高应用效率。

实时监控 OpenClaw 代理运行，追踪决策、工具使用、性能、成本和用户归属，实现全面的可观测性。

掌握 SQL 查询优化、索引策略和 EXPLAIN 分析，显著提高数据库性能，消除慢查询。适用于开发人员优化数据库查询性能，特别是在处理慢查询时。

响应速度优化器，通过先回复后处理（reply-first-then-process）、并行工具调用以及内存文件缓存来优化响应速度。

深度工作流，支持服务器端渲染（SSR）、静态站点生成（SSG）、即时服务器端渲染（ISR）和混合渲染。根据路由选择模式，确保数据新鲜度，管理缓存、流式传输、hydration、SEO 以及运营权衡...

深度性能优化工作流，涵盖目标与测量、性能分析、热点优化、缓存与并发权衡、数据库、垃圾回收、网络等系统特定优化。

Dom Observer Pro是一款利用MutationObserver和IntersectionObserver的实时DOM监控工具，能够高效地检测和提取动态Web内容，性能影响最小。适合开发者监控和分析Web页面动态元素的变化。

一个本地CLI代理工具，通过过滤命令输出减少LLM令牌消耗60-90%。在开发命令前加上'rtk'前缀即可获得精简的过滤输出，适用于所有Bash命令以节省Token成本。

Bundle size & dependency bloat analyzer — scans JS/TS projects for oversized dependencies, duplicate packages, tree-shaking failures, and bundle confi