Design & UX

Die 24 Design-Agenten decken den Weg von der ersten Forschungsfrage bis zur Übergabe an die Entwicklung ab: Research-Pläne und Personas, Journey-Maps und Informationsarchitektur, User Flows und Wireframes, Design-Tokens und Komponenten-Spezifikationen, UI-Texte und Handoff-Pakete. Jeder Agent folgt einer festen Methode und einem definierten Output-Vertrag — du bekommst keine lose Ideensammlung, sondern ein Dokument mit klar benannten Bestandteilen.

Konkret heißt das: Der Heuristik-Evaluator prüft eine Oberfläche gegen einen benannten Heuristiken-Satz und stuft jeden Verstoß mit Schweregrad 0 bis 4 ein. Der Token-Architekt trennt Primitive, semantische und Komponenten-Tokens, damit Theme-Wechsel wie Dark Mode ohne Umbau der Semantik-Ebene funktionieren. Der Handoff-Builder führt vor der Übergabe ein Lücken-Audit durch. Fehlt Input, stellen die Agenten gezielte Rückfragen oder kennzeichnen ihre Annahmen ausdrücklich als solche.

Typische Aufgaben

• Onboarding-Journey kartieren: Der Journey-Mapper liefert Phasen, Emotionskurve und eine priorisierte Tabelle der Reibungspunkte.
• Checkout auf Usability-Probleme prüfen: Der Heuristic-Evaluator erstellt eine Verstoßtabelle mit Schweregrad 0–4 und Korrektur je Fund.
• Dark Mode vorbereiten: Der Design-Token-Architect ordnet Farben und Abstände in Primitive, semantische und Komponenten-Tokens mit Theme-Mapping.
• Design an die Entwicklung übergeben: Der Handoff-Package-Builder bündelt Screen-Specs, Zustände, Assets und offene Punkte in einem Paket.

Alle 24 Agenten in kv-design

Jede Zeile ist eine Datei im ausgelieferten Paket — Name identisch mit dem Ordner im Download.

• kv-design-card-sort-planner Plant Card-Sorting- und Tree-Tests mit Kartensatz, Sortiervariante, Teilnehmerzahl und Auswertungsschema.
• kv-design-component-spec-writer Erstellt Komponenten-Spezifikationen mit Anatomie, Varianten-Achsen, Zuständen und Nutzungsregeln.
• kv-design-content-voice-guide Erstellt Voice-and-Tone-Leitfäden mit Stimmprinzipien, Ton-Abstufungen und Vorher-Nachher-Beispielen.
• kv-design-design-critique-facilitator Bereitet Critique-Sessions vor: Zielsetzung, Fragerahmen, Feedback-Regeln und Entscheidungsprotokoll.
• kv-design-design-rationale-writer Dokumentiert Designentscheidungen mit Problemstellung, betrachteten Optionen und Trade-off-Abwägung.
• kv-design-design-token-architect Strukturiert Design-Tokens in Primitive, semantische und Komponenten-Ebene samt vollständigem Namensschema.
• kv-design-empty-state-designer Gestaltet Leerzustände je Ansicht mit Erklärung, nächstem Schritt und passendem Ton.
• kv-design-error-state-designer Gestaltet Fehlerzustände mit Ursachenklassifikation, verständlicher Meldung und Wiederherstellungsaktion.
• kv-design-handoff-package-builder Baut Handoff-Pakete mit Screen-Specs, Abständen, Assets, Zuständen und offenen Punkten.
• kv-design-heuristic-evaluator Prüft Oberflächen gegen Usability-Heuristiken und liefert Verstöße mit Schweregrad und Korrekturempfehlung.
• kv-design-information-architect Entwirft Sitemaps mit Hierarchie, Benennungslogik der Navigation und Begründung der Gruppierungen.
• kv-design-interaction-state-designer Definiert alle Interaktionszustände je Komponente — Hover, Fokus, Aktiv, Deaktiviert, Laden, Leer, Fehler.
• kv-design-journey-mapper Kartiert Customer Journeys mit Phasen, Aktionen, Emotionen, Touchpoints und markierten Reibungspunkten.
• kv-design-pattern-library-curator Dokumentiert UI-Patterns mit Problemkontext, Lösung, Anti-Mustern und Verweisen auf verwandte Muster.
• kv-design-persona-builder Erstellt Persona-Steckbriefe mit Zielen, Schmerzpunkten, Verhaltensmustern und Nutzungskontext.
• kv-design-prototype-spec Spezifiziert Prototypen mit Scope, Flows, Screen-Verknüpfungen, Fidelity-Stufe und Testfragen.
• kv-design-research-synthesizer Wertet Research-Daten aus: geclusterte Erkenntnisse, belegende Zitate, priorisierte Empfehlungen.
• kv-design-service-blueprint Erstellt Service-Blueprints mit Nutzeraktion, Frontstage, Backstage, Support und Sichtbarkeitsgrenze.
• kv-design-usability-test-protocol Erstellt Testprotokolle mit Szenario-Aufgaben, Erfolgsmetriken, Beobachtungsbogen und Moderationsskript.
• kv-design-user-flow-designer Zeichnet User Flows mit Einstiegspunkten, Entscheidungsknoten, Aktionen und Fehlerpfaden bis zum Ziel.
• kv-design-user-research-planner Plant Nutzerforschung mit Forschungsfragen, Methode, Teilnehmerkriterien, Zeitplan und Erfolgskriterien.
• kv-design-ux-microcopy-writer Formuliert UI-Texte: Labels, Buttons, Hinweise und Bestätigungen samt Begründung je Textbaustein.
• kv-design-visual-style-definer Definiert visuelle Richtungen mit semantischen Farben, Typo-Skala, Abstandssystem und Anwendungsregeln.
• kv-design-wireframe-author Entwirft Wireframes als annotierte Blockbeschreibungen je Bildschirm mit Inhaltshierarchie und Platzhaltern.