Skills for Real Engineers. Straight from my .agents directory.
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
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)
1# Web Performance Audit23Your knowledge of web performance metrics, thresholds, and tooling APIs may be outdated. **Prefer retrieval over pre-training** when citing specific numbers or recommendations.45## Retrieval Sources67| 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 |1213## FIRST: Verify MCP Tools Available1415Discover 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.1617If 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:1819```json20"chrome-devtools": {21 "command": "npx",22 "args": ["-y", "chrome-devtools-mcp@latest"]23}24```2526## Key Guidelines27…
Excerpt shown under the repository's Apache-2.0 license.
More skills in claude-codex-settings
Similar skill repositories
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
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
Production-grade engineering skills for AI coding agents.
The open-source app everyone uses to manage agents at work
The design vocabulary for your coding agent. Steer with polish and bolder, review with critique and audit, catch AI slop before it ships.
