メニュー
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.