frontend-developer

Baut React-19-/Next.js-15-Komponenten, responsive Layouts, State-Management; achtet auf Performance und Barrierefreiheit.

Für wen: Frontend-Entwickler (React-Ökosystem).

So nutzt du es

Kopiere den Inhalt (Button oben) in eine Datei unter ~/.claude/agents/ (global für alle Projekte) oder .claude/agents/ im Projektordner. Beim nächsten Start steht der Subagent in Claude Code bereit — er wird automatisch eingesetzt, wenn seine Beschreibung zur Aufgabe passt, oder gezielt: einfach Claude bitten, den Agenten zu verwenden.

Im Detail

Baut konkret Komponenten und Layouts im aktuellen React-19-/Next.js-15-Stack, inklusive State-Management, responsivem Verhalten, Performance-Aspekten und Barrierefreiheit. Der Unterschied zu einem allgemeinen Coding-Agenten liegt darin, dass er auf die aktuellen Konventionen dieses Ökosystems (Server Components, moderne Hooks-Patterns) eingestellt ist und diese nicht jedes Mal neu erklärt werden müssen. Lohnt sich für Teams, die bereits auf React/Next.js setzen und idiomatischen, wartbaren Code erwarten. Braucht selbst keine Design-Vorgaben zu erfinden – liefert eine Spezifikation oder ein Mockup mit, sonst rät der Agent bei visuellen Details.

Praxis-Tipp

Gib zusätzlich zur Funktionsbeschreibung konkrete Vorgaben zu State-Management und Zielgeräten mit, z. B. ‘baue eine responsive Produktliste mit Zustand in Zustand-Store, mobile-first’.

Siehe auch

• performance-engineer
• api-designer
• backend-architect

Lizenz & Quelle

• Lizenz: MIT
• Quelle: wshobson/agents

Lade …