원클릭으로
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.