Capture performance baselines and re-run audits to verify frontend improvements.
npx skills add https://github.com/Acosmi/CrabClaw --skill frontend-debug-acosmi
Please help me install this Agent Skill. Skill: frontend-debug Source: https://github.com/Acosmi/CrabClaw/tree/main/docs/skills/operations/frontend-debug Command: npx skills add https://github.com/Acosmi/CrabClaw --skill frontend-debug-acosmi
Frontend debugging for CrabCode often involves scattered tools and inconsistent baselines. This skill provides a repeatable loop to collect performance baselines, apply code changes, and verify results across Core Web Vitals, visuals, and styles.
Trigger the frontend-debug workflow on a CrabCode page to baseline performance, patch the code, and re-audit to verify improvements.
High-intent search queries and answers about installing and using this skill.
To debug frontend performance regressions, you capture a baseline of Core Web Vitals and memory, apply targeted code changes, then re-run audits to verify measurable improvements and prevent regressions.
Visual regression testing captures visual diffs against a baseline reference to detect UI changes. It compares component styles and design tokens before and after code modifications to catch unintended visual regressions.
You establish a performance baseline by gathering Core Web Vitals, taking a memory snapshot, and capturing visual diffs. This stable reference ensures subsequent code changes can be accurately measured for improvements.
Yes, you can localize and extract design tokens and component styles for targeted refinements. This isolates specific style changes during frontend debugging to ensure accurate visual diff verification.
Browser-based automated checks enforce the debugging loop by capturing and analyzing memory snapshots. This ensures code changes produce measurable improvements across Core Web Vitals without introducing regressions.
apeejay-educationCompare PR builds against baselines to detect page load and Core Web Vitals regressions.
hopeovertureEnforce performance budgets on bundle sizes, Lighthouse scores, and Web Vitals in CI/CD pipelines.
saajunaidGenerate and validate design tokens as CSS variables across three-layer architectures.
rjit1Audit multiple website URLs for performance and SEO issues with Lighthouse.
