performance-optimization
About
This Claude Skill provides data-driven frontend performance optimization expertise for React applications and web performance issues. It helps developers address slow pages, rendering problems, bundle size optimization, and Core Web Vitals improvement using measurement-based techniques. Use this skill when working on performance optimization, memoization, code splitting, or analyzing Web Vitals metrics like LCP, FID, and CLS.
Quick Install
Claude Code
Recommendednpx skills add thkt/claude-config -a claude-code/plugin add https://github.com/thkt/claude-configgit clone https://github.com/thkt/claude-config.git ~/.claude/skills/performance-optimizationCopy and paste this command in Claude Code to install this skill
GitHub Repository
Frequently asked questions
What is the performance-optimization skill?
performance-optimization is a Claude Skill by thkt. Skills package instructions and resources that Claude loads on demand, so Claude can perform performance-optimization-related tasks without extra prompting.
How do I install performance-optimization?
Use the install commands on this page: add performance-optimization to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.
What category does performance-optimization belong to?
performance-optimization is in the Development category, tagged react and data.
Is performance-optimization free to use?
Yes. performance-optimization is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.
Related Skills
qmd is a local search and indexing CLI tool that enables developers to index and search through local files using hybrid search combining BM25, vector embeddings, and reranking. It supports both command-line usage and MCP (Model Context Protocol) mode for integration with Claude. The tool uses Ollama for embeddings and stores indexes locally, making it ideal for searching documentation or codebases directly from the terminal.
This skill executes implementation plans by dispatching a fresh subagent for each independent task, with code review between tasks. It enables fast iteration while maintaining quality gates through this review process. Use it when working on mostly independent tasks within the same session to ensure continuous progress with built-in quality checks.
The mcporter skill enables developers to manage and call Model Context Protocol (MCP) servers directly from Claude. It provides commands to list available servers, call their tools with arguments, and handle authentication and daemon lifecycle. Use this skill for integrating and testing MCP server functionality in your development workflow.
This skill deploys and orchestrates Vertex AI ADK agents using A2A protocol, managing AgentCard discovery, task submission, and supporting tools like Code Execution Sandbox and Memory Bank. It enables building multi-agent systems with sequential, parallel, or loop orchestration patterns in Python, Java, or Go. Use it when asked to deploy ADK agents or orchestrate agent workflows on Google Cloud.
