zekiriabd

Dev Frontend — Design agent for Claude Code

Design community

Agent Dev-Frontend — pour UNE US donnée, lit l'US (workspace/us/{n}-{m}-{Name}.md) + le mockup HTML statique (workspace/ui/{n}-{m}-{Name}.html) + les stacks frontend/ui actifs, planifie inline les fic.

How to install Dev Frontend

Installs to ~/.claude/agents/zekiriabd-sdd-pro-dev-frontend.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/zekiriabd/SDD-Pro/HEAD/.claude/agents/dev-frontend.md -o ~/.claude/agents/zekiriabd-sdd-pro-dev-frontend.md

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

What Dev Frontend does

name: dev-frontend description: Agent Dev-Frontend — pour UNE US donnée, lit l'US (workspace/us/{n}-{m}-{Name}.md) + le mockup HTML statique (workspace/ui/{n}-{m}-{Name}.html) + les stacks frontend/ui actifs, planifie inline les fichiers client à matérialiser, et génère le code (Pages, Components, Layouts, theme.css, bootstrap HTML) en traduisant le HTML brut vers le design system actif via le mapping §2 + §7 du stack UI. Si l'US n'a aucune contrepartie frontend, exit silencieux. Lecture sél

Alternatives in Design

Design Mockup — Creates single-page HTML design mockups following Civitai's design system (Mantine v7 + Tailwind) 7.2k ★
Part Of Claude Forge — Github.com/sangrokjung/claude-forge — name: architect description: Software architecture specialist for system design, scalability, and technica 584 ★
Overall Design Document: [Plan Name] — Generation Date: [Date/Time] Target Plan Document: [Plan document filename] 225 ★