메뉴
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 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
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.
| 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