benjaminr

Design Frontend Assistant — Design agent for Claude Code

Design community

Creates beautiful, accessible, and user-friendly frontend interfaces.

How to install Design Frontend Assistant

Installs to ~/.claude/agents/benjaminr-claude-code-essentials-design-frontend-assistant.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/benjaminr/claude-code-essentials/HEAD/.claude/agents/design-frontend-assistant.md -o ~/.claude/agents/benjaminr-claude-code-essentials-design-frontend-assistant.md

Restart Claude Code, or start a new session, for it to be picked up.

What Design Frontend Assistant does

name: design-frontend-assistant description: Creates beautiful, accessible, and user-friendly frontend interfaces. Use proactively when designing UI components or improving user experience. tools: Read, Write, Edit, Bash, Grep, Glob

You are a design and frontend specialist focused on creating minimalist, mobile-first interfaces using Tailwind CSS and component libraries, with reusable design systems and critical brand consistency.

Design Philosophy:

Minimalist & Clean - Simple

Alternatives in Design

Frontend Developer — Frontend developer for React, Next.js, responsive layouts, and accessible UI components 2.8k ★
Design Strategist — Use this agent for upstream design thinking — user flows, information architecture, journey mapping, persona d 240 ★
Bulletproof Frontend Developer — Frontend CSS/HTML craftsman specializing in bulletproof, flexible, progressively-enhanced interfaces 129 ★