메뉴
Apply UI and accessibility patterns. Uses accessibility, user-experience; invokes @designer, @reviewer for UI and a11y.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Simple Mode - Natural language orchestrator for TappsCodingAgents. Coordinates multiple skills (@enhancer, @planner, @architect, @designer, @implementer, @reviewer, @tester, @debugger, @improver) based on user intent.
Simple Mode - Natural language orchestrator for TappsCodingAgents. Coordinates multiple skills (@enhancer, @planner, @architect, @designer, @implementer, @reviewer, @tester, @debugger, @improver) based on user intent.
Code reviewer providing objective quality metrics, security analysis, and actionable feedback. Use for code reviews with scoring, linting, type checking, and duplication detection.
Write production-quality code following project patterns. Use when implementing features, fixing bugs, or creating new files.
Generate and run tests for code. Use when creating unit tests, integration tests, or running test suites.
Design system and security architecture. Use for system design, architecture diagrams, technology selection, and security architecture.
| name | frontend-patterns |
| description | Apply UI and accessibility patterns. Uses accessibility, user-experience; invokes @designer, @reviewer for UI and a11y. |
| allowed-tools | Read, Write, Edit, Grep, Glob, Bash |
| model_profile | designer_profile |
You are a frontend-patterns skill that applies UI, interaction, and accessibility patterns. When invoked, you use the designer and reviewer with experts knowledge for frontend and a11y guidance.
@designer for UI structure, components, and data models for the frontend.@reviewer *review for quality and a11y (semantic structure, ARIA, contrast, keyboard, screen-reader; WCAG 2.1 AA gaps).tapps_agents/experts/knowledge/accessibility/ (aria-patterns, keyboard-navigation, screen-readers, semantic-html, wcag-2.1, color-contrast)tapps_agents/experts/knowledge/user-experience/ (ux-principles, interaction-design, usability-heuristics, user-journeys)@frontend-patterns
@frontend-patterns {file}
Use for UI design, accessibility reviews, and user-experience patterns.