菜单
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.