web-perfAnalyzes web performance using Chrome DevTools MCP. Measures Core Web Vitals (FCP, LCP, TBT, CLS, Speed Index), identifies render-blocking resources, network dependency chains, layout shifts, caching issues, and accessibility gaps. Use when asked to audit, profile, debug, or optimize page load performance, Lighthouse scores, or site speed.
Install via ClawdBot CLI:
clawdbot install elithrar/web-perfGrade Good — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Mar 1, 2026
Audit product pages to improve Core Web Vitals like LCP and CLS, which directly impact conversion rates and SEO rankings. Identify render-blocking scripts and optimize image delivery for faster load times during peak shopping seasons.
Analyze article pages to reduce TBT and Speed Index, ensuring fast content delivery for readers. Detect network dependency chains in ad scripts and optimize caching headers for static assets like CSS and fonts.
Profile dashboard load performance to address INP and FCP issues affecting user productivity. Uncover unused preconnects and large JavaScript bundles that delay interactive features for logged-in users.
Audit course pages for accessibility gaps alongside performance metrics, ensuring compliance with WCAG standards. Flag poor contrast ratios and missing ARIA labels while optimizing render-blocking resources for global learners.
Focus on mobile performance to improve TTFB and CLS on booking flows, enhancing user experience on slower networks. Analyze network requests for oversized images and recommend preloads for critical resources like payment scripts.
Offer basic performance audits for free to attract users, with premium tiers providing detailed codebase analysis and automated reporting. Revenue comes from subscription fees for advanced insights and integration support.
Provide performance auditing as a service to web development agencies, charging per audit or on retainer for ongoing optimization. Revenue is generated through project-based fees and maintenance contracts.
Sell a plugin that integrates this skill into e-commerce platforms like Shopify or WooCommerce, automating audits and recommendations. Revenue comes from one-time purchases or annual licenses for the plugin.
💬 Integration Tip
Ensure the Chrome DevTools MCP server is configured in your MCP setup before starting audits; use the provided checklist to track progress and avoid skipping critical phases like network analysis.
Scored Apr 15, 2026
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
Use when starting any conversation - establishes how to find and use skills, requiring Skill tool invocation before ANY response including clarifying questions
Control and operate Opencode via slash commands. Use this skill to manage sessions, select models, switch agents (plan/build), and coordinate coding through Opencode.
Ship production code with AI agents through acceptance contracts, micro diffs, red green loops, and deterministic handoff checkpoints.
A comprehensive skill for using the Cursor CLI agent for various software engineering tasks (updated for 2026 features, includes tmux automation guide).
Provides a 7-step debugging protocol plus language-specific commands to systematically identify, verify, and fix software bugs across multiple environments.