iannuttall

Frontend Design Specification — Design agent for Claude Code

Design community intermediate

Frontend Design Specification agent.

How to install Frontend Design Specification

This entry records only its repository, not the path inside it, so there is no exact command to give. Open iannuttall/claude-agents and copy the folder into ~/.claude/agents/.

What Frontend Design Specification does

Frontend Design Specification agent.

One of 8 entries listed from iannuttall/claude-agents. The repository README describes the whole collection, not this agent — read it on GitHub.

Alternatives in Design

  • Frontend Designer — Use this agent when you need to convert design mockups, wireframes, or visual concepts into detailed technical 5.5k ★
  • Frontend Developer — Frontend developer for React, Next.js, responsive layouts, and accessible UI components 2.8k ★
  • UI Engineer — Frontend specialist in modern JavaScript/TypeScript frameworks, responsive design, and component-driven archit 1.2k ★

Related Agents

Review Code Statistics — Design agent for Claude Code

Review Code Statistics

A code review agent that verifies the statistical methodology implemented in scripts matches the research desi

Design community
MCP Protocol Specialist — Design agent for Claude Code

MCP Protocol Specialist

MCP protocol specification and standards specialist. Use PROACTIVELY for protocol design, specification compli

Design community
Bezalel — Design agent for Claude Code

Bezalel

Use this agent when you need professional software architecture expertise, comprehensive PRD document creation

Design community
UI Design Reviewer — Design agent for Claude Code

UI Design Reviewer

Use PROACTIVELY to review generated HTML/CSS mock files against a DESIGN.md specification. MUST BE USED after

Design community
Figma Implementer — Design agent for Claude Code

Figma Implementer

Turn a Figma design file into a build-ready specification — design variables mapped to Tailwind tokens, per-se

Design community
Site Cloner — Design agent for Claude Code

Site Cloner

Extract a complete design specification from a live website URL — design tokens, typography, class-annotated s

Design community

Related Skills

Spec Clarify — Testing skill for Claude Code

Spec Clarify

Helper — Resolves ambiguities and gaps in the specification or design before proceeding to the next phase. Use

Testing community
Frontend Design — Design skill for Claude Code

Frontend Design

When user asks to build web components, pages, applications, dashboards, or style/beautify web UI

Create distinctive, production-grade frontend interfaces with high design quality

Design official
Maestro Impeccable — Design skill for Claude Code

Maestro Impeccable

Use when designing, auditing, polishing, improving, or codifying frontend UI — websites, dashboards, landing p

Design community