Development Skill
Angular Migration
Migrate from AngularJS to Angular using hybrid mode, incremental component rewriting, and…
$15
Web Perf
Analyzes web performance using Chrome DevTools MCP.
A Chrome DevTools-driven web performance audit that measures Core Web Vitals (FCP, LCP, TBT, CLS, Speed Index) and pinpoints render-blocking resources, network dependency chains, layout-shift culprits and caching gaps. It quantifies impact in real milliseconds and prioritizes the few high-leverage fixes that move the needle. You get specific, actionable recommendations like 'compress the 450KB hero to WebP' instead of vague 'optimize images'.
$15 one-time
Add to a kit → Prices include 20% VAT. · Forged on real agency work · one-time, no lock-in
- Type Skill
- Category Development
- Delivery Email · instant
- License One-time
Inside the run · no black box
See the actual work before you buy it.
Every finding ships with an estimated gain in milliseconds, and only the top three to five make the final list. The five-phase trace through Chrome DevTools earns those numbers:
- Verifies the chrome-devtools MCP is reachable first (navigate_page or performance_start_trace), then loads the target page and records a cold-load trace with reload enabled.
- Extracts Core Web Vitals from the trace via performance_analyze_insight: LCPBreakdown (TTFB vs resource load vs render delay), CLSCulprits (undimensioned images, injected content, font swaps), RenderBlocking and DocumentLatency, each scored against the good/needs-improvement/poor thresholds (LCP 2.5s, INP 200ms, CLS 0.1, TTFB 800ms).
- Lists every network request and reads the waterfall: render-blocking head resources, serial dependency chains, missing preloads, weak Cache-Control headers, oversized bundles, and disputed preconnects verified by counting actual requests to that origin.
- Takes a verbose accessibility snapshot and flags duplicate ARIA IDs, WCAG AA contrast failures, missing focus indicators and unnamed interactive elements.
- If codebase access exists, detects the framework and bundler from config files, then checks tree-shaking, barrel files, wholesale lodash/moment imports, oversized core-js polyfills and minification settings.
- Outputs only the top 3 to 5 highest-impact issues, each with a concrete fix and an estimated gain in milliseconds; zero-impact findings are noted but never recommended as work.
One power source. 6 lines out.
web-perf · core
core active · 6 lines
- ✓ auditing or profiling page
Auditing or profiling page load performance
- ✓ diagnosing a poor lighth…
Diagnosing a poor Lighthouse or PageSpeed score
- ✓ finding the true lcp ele…
Finding the true LCP element and its breakdown
- ✓ tracing network waterfalls
Tracing network waterfalls for serial dependency chains
- ✓ identifying invisible cls
Identifying invisible CLS sources (font swap, ad slots)
- ✓ analyzing the codebase for
Analyzing the codebase for tree-shaking and dead code
Yours to keep.
Drag time forward. Watch what stays.
Forever
That's what owning means.
The rented stack
ai writing tool: subscription
expired · access lostanalytics suite: subscription
expired · access lostdesign platform: subscription
expired · access lost(nothing left)
Your forge
-
Focus effort on the 3-5 fixes that deliver 80% of the speed gain (Pareto)
license: perpetual -
Quantify every recommendation in estimated milliseconds saved
license: perpetual -
Separate lab data from real-user field data to avoid false confidence
license: perpetual -
Skip zero-impact non-issues and recognize when a site is already excellent
license: perpetual
subscriptions expire · deeds don't
Everything in the box.
Pick a piece up. Watch it work.
5-phase audit (trace → CWV → network → a11y → codebase)
6 parts · one working system · ships instantly by email
This wasn't forged for everyone.
- Not for you if you'd rather rent a tool than own one.
- Not for you if you want someone else to run your stack.
- Not for you if you're happy guessing.
Performance engineers and front-end developers who need a precise, impact-quantified path to faster page loads and better Core Web Vitals.
then this was forged for you.Works with
Universal by design: these run in any AI. Delivered in the open Agent Skills + MCP format (native in Claude); ChatGPT, Gemini, Cursor and Copilot adapt the same files their own way.
- Claude Native format
- ChatGPT Adapts via open standards
- Gemini Adapts via open standards
- Cursor Adapts via open standards
- Copilot Adapts via open standards
Catch what's on your mind.
the air is clear. nothing between you and the forge.
catch a spark: the forge will answer
-
Do I need Chrome DevTools MCP connected for this to work?
Yes. The audit drives Chrome DevTools directly to record traces, measure FCP, LCP, TBT, CLS and Speed Index, and walk network waterfalls. Without that connection there is nothing to measure; it is not a static code-only analyzer.
-
How does it decide which fixes to recommend first?
Every finding is quantified in estimated milliseconds saved, then Pareto-prioritized down to the 3-5 fixes that deliver most of the speed gain. That is why you get 'compress the 450KB hero to WebP' instead of a vague 'optimize images' bullet list.
-
Does it report real-user field data from my actual visitors?
No. Measurements come from lab traces in DevTools runs; the audit deliberately separates lab from field data to avoid false confidence, but collecting real-user monitoring from your traffic is a separate setup it does not do.
-
How is it delivered?
By email right after purchase: ready to run, downloaded instantly, no setup wait.
-
One-time or subscription?
A one-time purchase; no subscription or hidden fees. VAT (20%) is included.
-
Can I get a refund?
As a digital product, it can’t be refunded once downloaded. That’s why we show exactly what’s inside and who it’s for, right here.