optimize
Optimizes UI rendering and loading performance.
Install
mkdir -p .claude/skills/optimize && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/16511" && unzip -o skill.zip -d .claude/skills/optimize && rm skill.zipInstalls to .claude/skills/optimize
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Diagnose and fix UI performance across loading speed, rendering, animations, images, and bundle size. Use when the user mentions slow, laggy, janky, performance, bundle size, load time, or wants a faster, smoother experience.Key capabilities
- →Diagnose UI performance issues
- →Fix slow loading speeds
- →Address rendering performance problems
- →Optimize animations
- →Improve image loading efficiency
- →Reduce bundle size
How it works
The skill diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size by following canonical instructions.
Inputs & outputs
When to use optimize
- →Reduce page load time
- →Improve animation smoothness
- →Optimize frontend bundle size
About this skill
This compatibility wrapper exposes the optimize skill for the .codex/skills layout while keeping skills/optimize/SKILL.md as the canonical source of truth.
Follow the canonical instructions in ../../../skills/optimize/SKILL.md.
How it compares
This skill provides a structured approach to identifying and resolving UI performance bottlenecks, offering a targeted solution compared to general troubleshooting.
Compared to similar skills
optimize side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| optimize (this skill) | 0 | 4mo | No flags | Beginner |
| moai-domain-frontend | 1 | 3mo | No flags | Advanced |
| perf-web-optimization | 1 | 5mo | Review | Intermediate |
| astro | 0 | 4mo | Review | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by aladicf
View all by aladicf →You might also like
moai-domain-frontend
modu-ai
Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. Use when building web UIs, implementing components, optimizing frontend performance, or integrating state management.
perf-web-optimization
tech-leads-club
Optimize web performance: Core Web Vitals (LCP, CLS, INP), bundle size, images, caching. Use when site is slow, optimizing for Lighthouse scores, reducing bundle size, fixing layout shifts, or improving Time to Interactive. Triggers on: web performance, Core Web Vitals, LCP, CLS, INP, FID, bundle size, page speed, slow site.
astro
Anhvu1107
ALWAYS use this when the request matches Astro: Build content-focused websites with Astro — zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.
frontend-developer
bonnguyenitc
Use when building web UI, designing component architecture, or reviewing frontend code — regardless of framework (React, Vue, Svelte, etc.)
roier-seo
davila7
Technical SEO auditor and fixer. Runs Lighthouse/PageSpeed audits on websites or local dev servers, analyzes SEO/performance/accessibility scores, and automatically implements fixes for meta tags, structured data, Core Web Vitals, and accessibility issues.
ai-model-web
TencentCloudBase
Use this skill when developing browser/Web applications (React/Vue/Angular, static websites, SPAs) that need AI capabilities. Features text generation (generateText) and streaming (streamText) via @cloudbase/js-sdk. Built-in models include Hunyuan (hunyuan-2.0-instruct-20251111 recommended) and DeepSeek (deepseek-v3.2 recommended). NOT for Node.js backend (use ai-model-nodejs), WeChat Mini Program (use ai-model-wechat), or image generation (Node SDK only).