一键导入
performance-optimization
Identify runtime bottlenecks and optimize critical paths to improve application speed and resource efficiency.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
Identify runtime bottlenecks and optimize critical paths to improve application speed and resource efficiency.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples.
Analyze technical debt and evolve the project structure to improve scalability and maintainability.
Proactively identify and patch security vulnerabilities and implement defensive coding patterns.
Automatically detect, isolate, and fix regressions or bugs based on test failures.
Design and implement backend services, APIs, middleware, authentication, and server-side logic following production best practices.
Perform a comprehensive review of the active directory or uncommitted git changes.
| name | Performance Optimization |
| description | Identify runtime bottlenecks and optimize critical paths to improve application speed and resource efficiency. |
| allowed-tools | ["execute_command","read_file","edit_file","run_tests","search_code"] |
This skill focuses on maximizing the efficiency of the codebase through data-driven optimization.
execute_command to run profiling tools (e.g., Node.js --inspect, Chrome DevTools, or custom benchmarks) to identify "hot paths" and memory leaks.read_file and search_code to analyze the complexity (Time and Space) of the identified hot paths.think tool to brainstorm more efficient algorithms or data structures.edit_file. Focus on high-impact changes first (e.g., caching, memoization, asynchronous processing).run_tests to ensure that performance changes did not introduce functional regressions.