القائمة
Design-first frontend development with modern UI/UX principles. Use when working on design, UI, styling, layout, CSS, responsive design, animations, components, or frontend visual tasks.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
Remove AI-generated code smells and patterns from code. Use when cleaning up AI-generated code, removing over-commenting, simplifying verbose patterns, or making code look like a senior engineer wrote it.
Systematic code review with structured output and actionable findings. Use when reviewing code, auditing quality, checking for bugs, security vulnerabilities, or performance issues.
Create and maintain high-quality documentation using the librarian subagent. Use when writing docs, READMEs, API documentation, code summaries, or any text-based artifacts.
Atomic commits, rebase surgery, history search, and safe git operations. Use when committing, rebasing, squashing, searching git history, or performing any git operations.
Orchestrate multiple specialized subagents in a coordinated workflow. Use when running multiple agents together, delegating to agents, or executing complex multi-agent pipelines.
Comprehensive test creation using TDD principles. Use when writing tests, improving coverage, fixing failing tests, or setting up test infrastructure.
استنادا إلى تصنيف SOC المهني
| name | frontend-ui-ux |
| description | Design-first frontend development with modern UI/UX principles. Use when working on design, UI, styling, layout, CSS, responsive design, animations, components, or frontend visual tasks. |
Trigger: "design", "UI", "style", "layout", "CSS", "responsive", "animation", "component", "frontend", "redesign", or any visual/frontend task.
Design-first frontend development. Crafts stunning UI/UX even without design mockups. Follows modern design principles and accessibility standards.
rem for spacing, em for component-relative sizing