#601

Globales Ranking · von 601 Skills

performance-optimizer AI Agent Skill

Quellcode ansehen: oakoss/agent-skills

Safe

Installation

npx skills add oakoss/agent-skills --skill performance-optimizer

41

Installationen

Performance Optimizer

Overview

Provides a systematic approach to application performance optimization across the full stack. Use when diagnosing slow page loads, high API latency, database bottlenecks, or scaling issues. Not a substitute for application-specific profiling -- always measure before optimizing.

Quick Reference

Performance Budgets

Metric Target Category
Largest Contentful Paint (LCP) < 2.5s Core Web Vital
Interaction to Next Paint (INP) < 200ms Core Web Vital
Cumulative Layout Shift (CLS) < 0.1 Core Web Vital
First Contentful Paint (FCP) < 1.8s Frontend
Time to Interactive (TTI) < 3.8s Frontend
Total Blocking Time (TBT) < 200ms Frontend
API Response Time (P95) < 500ms Backend
Database Query Time (P95) < 100ms Database
Server Response Time (TTFB) < 600ms Backend

Optimization Phases

Phase Focus Key Action
1. Profiling Identify real bottlenecks Chrome DevTools, React Profiler, EXPLAIN ANALYZE
2. Database Eliminate slow queries Strategic indexes, fix N+1, connection pooling
3. Caching Reduce redundant work Redis, HTTP headers, CDN for static assets
4. Frontend Reduce bundle and render time Bundle analysis, code splitting, resource hints, lazy loading
5. Backend Speed up API responses Serverless optimization, streaming, conditional requests, queues
6. Monitoring Sustain performance APM tools, alerting thresholds, dashboards

Caching Layers

Layer Scope Duration
Browser Cache HTTP headers Static assets: 1 year (immutable); HTML: no-cache
CDN Cloudflare, CloudFront Same as browser, purge on deploy
Application Redis, Memcached Varies (e.g., 1 hour for user data)
Database Query cache Automatic

Common Mistakes

Mistake Correct Pattern
Optimizing before profiling Measure first with Chrome DevTools, EXPLAIN ANALYZE, or APM tools to find real bottlenecks
Adding indexes on every column Use strategic indexes on columns in WHERE, ORDER BY, and JOIN clauses; monitor with slow query log
SELECT * on large tables Select only needed columns to reduce I/O and memory
N+1 queries in loops Eager loading or DataLoader batching
Functions in WHERE clause Store normalized values, use generated columns to preserve index usage
Caching without an invalidation strategy Define TTL and invalidate-on-write policies; stale cache is worse than no cache
Loading entire libraries for a single utility Use direct imports and tree-shaking
Running heavy computations synchronously in request handlers Offload to background job queues (BullMQ) and return immediately

Delegation

When working on performance optimization, delegate to:

  • frontend-builder -- React-specific performance patterns
  • application-security -- Rate limiting and DDoS protection
  • ci-cd-architecture -- Build pipeline optimization

References

Installationen

Installationen 41
Globales Ranking #601 von 601

Sicherheitsprüfung

ath Safe
socket Safe
Warnungen: 0 Bewertung: 90
snyk Low
EU EU-Hosted Inference API

Power your AI Agents with the best open-source models.

Drop-in OpenAI-compatible API. No data leaves Europe.

Explore Inference API

GLM

GLM 5

$1.00 / $3.20

per M tokens

Kimi

Kimi K2.5

$0.60 / $2.80

per M tokens

MiniMax

MiniMax M2.5

$0.30 / $1.20

per M tokens

Qwen

Qwen3.5 122B

$0.40 / $3.00

per M tokens

So verwenden Sie diesen Skill

1

Install performance-optimizer by running npx skills add oakoss/agent-skills --skill performance-optimizer in your project directory. Führen Sie den obigen Installationsbefehl in Ihrem Projektverzeichnis aus. Die Skill-Datei wird von GitHub heruntergeladen und in Ihrem Projekt platziert.

2

Keine Konfiguration erforderlich. Ihr KI-Agent (Claude Code, Cursor, Windsurf usw.) erkennt installierte Skills automatisch und nutzt sie als Kontext bei der Code-Generierung.

3

Der Skill verbessert das Verständnis Ihres Agenten für performance-optimizer, und hilft ihm, etablierte Muster zu befolgen, häufige Fehler zu vermeiden und produktionsreifen Code zu erzeugen.

Was Sie erhalten

Skills sind Klartext-Anweisungsdateien — kein ausführbarer Code. Sie kodieren Expertenwissen über Frameworks, Sprachen oder Tools, das Ihr KI-Agent liest, um seine Ausgabe zu verbessern. Das bedeutet null Laufzeit-Overhead, keine Abhängigkeitskonflikte und volle Transparenz: Sie können jede Anweisung vor der Installation lesen und prüfen.

Kompatibilität

Dieser Skill funktioniert mit jedem KI-Coding-Agenten, der das skills.sh-Format unterstützt, einschließlich Claude Code (Anthropic), Cursor, Windsurf, Cline, Aider und anderen Tools, die projektbezogene Kontextdateien lesen. Skills sind auf Transportebene framework-agnostisch — der Inhalt bestimmt, für welche Sprache oder welches Framework er gilt.

Data sourced from the skills.sh registry and GitHub. Install counts and security audits are updated regularly.

EU Made in Europe

Chat with 100+ AI Models in one App.

Use Claude, ChatGPT, Gemini alongside with EU-Hosted Models like Deepseek, GLM-5, Kimi K2.5 and many more.

Kundensupport