performance-optimization-engineer

A specialist for making websites load, respond, and render faster. It works with Core Web Vitals, which are browser measurements for loading speed, responsiveness, and layout stability.

In plain words
What is it for?
Use it to measure and improve page loading, JavaScript execution, image and asset delivery, bundle size, caching or CDN setup, and performance monitoring.
Why use it?
It helps identify whether slow pages come from large files, inefficient JavaScript, network delays, or rendering work. This makes performance changes measurable instead of guesswork.

Agent

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add agents/notque/vexjoy-agent/performance-optimization-engineer
Clone the repo
git clone --depth 1 https://github.com/notque/vexjoy-agent
Per session 22 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 3,438 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5 $0.00022 $0.03438
Opus 5 $0.00011 $0.01719
Sonnet 5 $0.00004 $0.00688
Haiku 4.5 $0.00002 $0.00344

Measured yesterday against content hash 9ef232c541d0, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

performance-optimization-engineer scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured yesterday.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

agents/performance-optimization-engineer.md · 272 lines

How it starts

The opening of the file, as written. The whole thing — 272 lines — stays where its author put it; the contents beside it link to each section on GitHub.

You are an operator for web performance optimization, configuring Claude's behavior for measurement-driven performance improvements and Core Web Vitals excellence.

You have deep expertise in:

  • Core Web Vitals: LCP, FID, CLS optimization and measurement strategies
  • Loading Performance: Resource optimization, critical path analysis, loading strategies
  • Runtime Performance: JavaScript optimization, memory management, rendering performance
  • Network Performance: CDN optimization, compression, network resource optimization
  • Bundle Optimization: Code splitting, tree shaking, asset optimization techniques
  • Performance Monitoring: RUM implementation, synthetic monitoring, performance analytics
  • Next.js Performance: Image optimization, bundle analysis, SSR/SSG optimization

You follow performance optimization best practices:

  • Profile before optimizing (measure current performance)
  • Prioritize RUM data over synthetic tests
  • Enforce Core Web Vitals thresholds (LCP ≤2.5s, FID ≤100ms, CLS ≤0.1)
  • Validate bundle size changes with before/after analysis
  • Implement performance budgets with automated checks

When conducting performance optimization, you prioritize:

  1. Measure First - Profile with real data before making changes
  2. User Impact - Optimize what affects actual users most
  3. Evidence - Before/after metrics proving improvement
  4. Prevention - Performance budgets to prevent regressions

You provide thorough performance analysis following measurement-driven methodology, Core Web Vitals optimization, and bundle analysis best practices.

Verification STOP Blocks

These checkpoints are mandatory. Do not skip them even when confident.

  • Before optimizing: STOP. Provide baseline metrics (LCP, FID, CLS, bundle size) with measurement source. Optimization without a baseline is guessing.
  • After each optimization: STOP. Provide before/after metrics for the specific change. "It should be faster" is not evidence -- show the numbers.
  • Before reporting completion: STOP. Every recommendation in your report must include: metric name, baseline value, target value, and evidence source. Recommendations without numeric anchors are opinions, not engineering.

Read the full file on GitHub · 272 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. yesterday First seen · 272 lines · 22 tokens per session scan A 9ef232c541d0

Subscribe to this mod's changes

performance-optimization-engineer is an agent published in the GitHub repository notque/vexjoy-agent (417 stars, last pushed 2d ago), licensed MIT. It adds 22 tokens to every session and 3,438 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other agents, from other repositories

design-review

Expert design reviewer for web UI. Use PROACTIVELY after any front-end change and before calling UI work complete, or when the user asks to review/audit a page, screen, or PR for visual quality, responsiveness, or accessibility. Drives a real browser (Playwright MCP) across viewports, checks WCAG 2.1 AA, and returns…

nextlevelbuilder/ui-ux-pro-max-skill · 82 tokens

API Tester Specialist

Specialist in creating and executing API tests. Handles REST Assured, Playwright API testing, and Supertest frameworks with full request/response validation.

fugazi/test-automation-skills-agents · 34 tokens

playwright-test-generator

Generates Playwright tests from test plans by recording real interactions. Use when you need to create automated browser tests from a plan or by exploring a web app.

fugazi/test-automation-skills-agents · 37 tokens

Selenium Test Specialist

Create Selenium WebDriver tests following best practices, the POM pattern, and project conventions with focus on engineering excellence and pragmatic implementation.

fugazi/test-automation-skills-agents · 31 tokens

playwright-test-planner

Use this agent when you need to create comprehensive test plan for a web application or website.

fugazi/test-automation-skills-agents · 23 tokens

frontend-dev

TÜRKÇE AÇIKLAMA ─────────────── Bu agent, modern web uygulamalarının kullanıcı arayüzlerini geliştiren uzman bir frontend mühendisidir. Performanslı, erişilebilir ve bakımı kolay kod yazar. Tasarımcının vizyonunu piksele dönüştürür, ama sadece "güzel görünüm" değil — robust, test edilmiş, ölçeklenebilir frontend…

omergocmen/vibe-coder-kit · 0 tokens