Creates beautiful, accessible, and user-friendly frontend interfaces. Use proactively when designing UI components or improving user experience.
How to install design-frontend-assistant?
benjaminr/claude-code-essentials/design-frontend-assistant
$curl -o .claude/agents/design-frontend-assistant.md https://raw.githubusercontent.com/benjaminr/claude-code-essentials/HEAD/.claude/agents/design-frontend-assistant.mdInstalls into the current project.
›Prefer a prompt? Paste this to your agent
Install design-frontend-assistant by running `curl -o .claude/agents/design-frontend-assistant.md https://raw.githubusercontent.com/benjaminr/claude-code-essentials/HEAD/.claude/agents/design-frontend-assistant.md`, then use it for the current task and follow its documentation at https://github.com/benjaminr/claude-code-essentials.
Related
6 picksType
- design-reviewExpert design reviewer for web UI. Use PROACTIVELY after any front-end change and before calling UI work complete, or when the user asks to review/audit a page, screen, or PR for visual quality,…Jul 2026
- presentation-claude-codePROACTIVELY use this agent whenever the user wants to update, modify, rearrange, or fix the CLAUDE-CODE-BEST-PRACTICE presentation (`presentation/claude-code-best-practice/index.html`) — slides,…Jul 2026
- presentation-claude-geminiPROACTIVELY use this agent whenever the user wants to update, modify, rearrange, or fix the CLAUDE-GEMINI presentation (`presentation/2026-04-25-gdg-kolachi-cli-claude-code-gemini/index.html`) —…Jul 2026
- presentation-vibe-codingPROACTIVELY use this agent whenever the user wants to update, modify, or fix the VIBE-CODING presentation (`presentation/vibe-coding-to-agentic-engineering/index.html`) — slides, structure, styling,…Jul 2026
- ux-designerProduces a concise, accessible UX brief with flows, states, and annotations.Jul 2026
- impeccable-asset-producerProduces clean reusable raster assets from approved Impeccable mock references without redesigning the direction.Jul 2026
