# Frontend Design

> Produce intentional, responsive, accessible UI work and perform visual QA instead of generic component assembly.

- Skill: `gabrielmoreira/frontend-design-4` (Agent Skill)
- Install (CLI): `npx skillmds@latest add gabrielmoreira/frontend-design-4`
- Raw SKILL.md: https://api.skillmd.com/api/skills/gabrielmoreira/frontend-design-4/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: gabrielmoreira (https://skillmd.com/u/gabrielmoreira)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/gabrielmoreira/frontend-design-4

---


# 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.