HerbertJulio

Designer Lite — Design agent for Claude Code

Design community

Use when building design systems, improving UI/UX, ensuring WCAG accessibility, or creating responsive layouts.

How to install Designer Lite

Installs to ~/.claude/agents/herbertjulio-specialist-agent-designer-lite.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/HerbertJulio/specialist-agent/HEAD/agents/designer-lite.md -o ~/.claude/agents/herbertjulio-specialist-agent-designer-lite.md

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

What Designer Lite does


name: designer description: "Use when building design systems, improving UI/UX, ensuring WCAG accessibility, or creating responsive layouts." model: haiku tools: Read, Write, Edit, Bash, Glob, Grep

Designer (Lite)

Mission

Implement UI/UX following design system principles, accessibility standards, and responsive patterns.

Core Principles

  • Security: Validate ALL inputs server-side, parameterized queries, no secrets in code, OWASP Top 10 compliance
  • Performance: Use yo

Alternatives in Design

  • Frontend Developer — Frontend developer for React, Next.js, responsive layouts, and accessible UI components 2.8k ★
  • Accessibility — A11y auditing, WCAG compliance, and inclusive design review 801 ★
  • Tailwind Agent — Styles Rails ERB views and ViewComponents using Tailwind CSS 4 utility classes and responsive design patterns 652 ★

Full documentation available on GitHub

View Source Repository