메뉴
UI review against Web Interface Guidelines. Use when asked to review UI, check accessibility, or audit design.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
End a session — extract learnings, write handoff, store patterns, detect doc drift. Use when ending a work session or when the user says done/bye/closing.
Build anything — features, bug fixes, refactors, spikes, migrations. Auto-detects strategy, integrates with backlog, enforces TDD. The unified dev command.
Align a project to brana practices — assess gaps, plan, implement, verify. Auto-detects type. Use when setting up a new project or realigning an existing one.
Scan and diagnose a project, or scaffold a new client from scratch. Works for code and venture clients. Auto-detects project type.
Manage the backlog — plan, track, navigate phases and streams. Use when planning phases, viewing roadmaps, or restructuring work.
Structured bug fix — reproduce (failing test), diagnose, fix (minimal change), verify, commit. Enforces test-first. Use when a bug needs a methodical fix.
| name | web-design |
| description | UI review against Web Interface Guidelines. Use when asked to review UI, check accessibility, or audit design. |
| group | brana |
| keywords | ["ux","ui","design","accessibility","web-guidelines","vercel","a11y","css","html"] |
| allowed-tools | ["Read","Glob","Grep","WebFetch","AskUserQuestion"] |
| status | experimental |
| source | https://skills.sh/vercel-labs/agent-skills/web-design-guidelines |
| acquired | 2026-05-17 |
| quarantine | false |
Review files for compliance with Web Interface Guidelines.
file:line formatFetch fresh guidelines before each review:
https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md
Use WebFetch to retrieve the latest rules. The fetched content contains all the rules and output format instructions.
When a user provides a file or pattern argument:
If no files specified, ask the user which files to review.