القائمة
Systematic process to reproduce, isolate, fix, and verify code bugs.
التثبيت باستخدام 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.
Identify runtime bottlenecks and optimize critical paths to improve application speed and resource efficiency.
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.
| name | debug-workflow |
| description | Systematic process to reproduce, isolate, fix, and verify code bugs. |
| allowed-tools | ["detect_project","run_tests","search_code","find_files","read_file","edit_file","execute_command"] |
A structured procedure to troubleshoot and fix software defects.
run_tests or execute a command/script via execute_command to get the error traceback.find_files or search_code to locate source files.read_file to inspect the code context.edit_file to make targeted changes. Do not replace entire files unless necessary.