# Frontend Design

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

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

---


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