Produce intentional, responsive, accessible UI work and perform visual QA instead of generic component assembly.
Scanned 9/4/2026
Install to Claude Code
Skills Directorynpx -y skills add gabrielmoreira/agent-skills-mirror --skill frontend-design --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Frontend Design?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/gabrielmoreira-frontend-design-b3cfaccd)More formats (shields.io, HTML) on the badges page.
---
name: frontend-design
description: Produce intentional, responsive, accessible UI work and perform visual QA instead of generic component assembly.
invocation: model+user
---
# Frontend Design
## When to use
Use for UI that must feel intentional, responsive, and accessible.
## Non-goals
- Do not ship generic placeholder layouts as finished design.
- Do not ignore accessibility.
## Workflow
1. Clarify audience and constraints.
2. Design hierarchy, spacing, and states.
3. Implement with responsive/accessible patterns.
4. Visual QA against the acceptance criteria.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
