Tooluck logoTooluck
SKILL.md

web-perf

Agent skill fromfcakyon/claude-codex-settings

Audit, diagnose, or optimize website loading and interaction performance, Core Web Vitals, and Lighthouse performance scores.

How to install web-perf

install web-perf
# install the claude-codex-settings pack with the skills CLI
npx skills add fcakyon/claude-codex-settings

# or add only this skill to Claude Code: copy the folder

plugins/cloudflare-skills/skills/web-perf/

# into

~/.claude/skills/web-perf/ (all projects)

.claude/skills/web-perf/ (one project)

plugins/cloudflare-skills/skills/web-perf/SKILL.md

Apache-2.0Full file
1# Web Performance Audit
2
3Your knowledge of web performance metrics, thresholds, and tooling APIs may be outdated. **Prefer retrieval over pre-training** when citing specific numbers or recommendations.
4
5## Retrieval Sources
6
7| Source | How to retrieve | Use for |
8|--------|----------------|---------|
9| web.dev | `https://web.dev/articles/vitals` | Core Web Vitals thresholds, definitions |
10| Chrome DevTools docs | `https://developer.chrome.com/docs/devtools/performance` | Tooling APIs, trace analysis |
11| Lighthouse scoring | `https://developer.chrome.com/docs/lighthouse/performance/performance-scoring` | Score weights, metric thresholds |
12
13## FIRST: Verify MCP Tools Available
14
15Discover available browser and performance tools before starting. Use the capabilities available for the requested audit. If trace tools are unavailable, continue any useful source or network analysis and state which measurements could not be collected.
16
17If the user wants Chrome DevTools MCP setup, consult its [installation guide](https://github.com/ChromeDevTools/chrome-devtools-mcp#quick-start) and use the latest package version. Only change MCP configuration when setup is within the user's authorized scope; otherwise ask first. For clients using `command` and `args`, an example server entry is:
18
19```json
20"chrome-devtools": {
21 "command": "npx",
22 "args": ["-y", "chrome-devtools-mcp@latest"]
23}
24```
25
26## Key Guidelines
27…

Excerpt shown under the repository's Apache-2.0 license.

More skills in claude-codex-settings

Keep exploring

Similar skill repositories

thedotmack /

claude-mem
116k

Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More

CCCXGHGM+135 skills

pbakaus /

impeccable
108k

The design vocabulary for your coding agent. Steer with polish and bolder, review with critique and audit, catch AI slop before it ships.

2 skills

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates