Design
Webseiten mit einheitlichem Aussehen gestalten, die alle leicht bedienen können
Für das Gestalten oder Prüfen von Webseiten. Legt fest, was zuerst auffällt, Abstände, Schriftgrößen, Farben, wiederverwendbare Bausteine und Rückmeldungen beim Klicken, und prüft vor dem Start Barrierefreiheit und Ladezeit mit klaren Werten.
Eine UI-Komponentenbibliothek nach den Gestaltungsregeln aufbauen und pflegen
Nutze dies, wenn eine KI Komponenten einer typisierten UI-Bibliothek ergänzt oder ändert. Sie liest zuerst die Vorgaben, nutzt gemeinsame Gestaltungswerte, prüft Tastatur und Barrierefreiheit, gleicht Doku und Beispielansichten ab und führt alle Prüfungen aus.
Eine Designidee vor einer großen Entscheidung in einem kurzen Sprint mit Nutzern testen (Design-Sprint)
Wenn eine wichtige Entscheidung an Zweifeln über Erlebnis, Service oder Botschaft hängt. Legt Fragen und eine entscheidende Person fest, lässt Ideen einzeln skizzieren, baut einen realistischen Prototyp, testet ihn einzeln mit Nutzern und wählt den nächsten Schritt.
Wähle eine Vorlage passend zur Stimmung und erstelle eine HTML-Präsentation
Für Folien aus einer Inhaltsgliederung. Fragt nach Anlass und Stimmung, zeigt drei Vorschauen der Titelfolie mit deinen echten Inhalten, füllt die gewählte Vorlage, ohne ihren Stil zu ändern, und prüft jede Datei im Browser.
Ein Gestaltungswerkzeug für KI-Agenten bauen und Befehle und Prüfungen ordnen
Für den Bau oder die Pflege eines Gestaltungswerkzeugs für KI-Agenten. Es liest das Projekt, fragt, ob es um eine Marke oder eine App geht, bindet jeden Befehl an eine Quelle, hält Farb- und Textregeln ein, trennt neue Versionen von der Alltagsarbeit und testet neue Prüfungen zuerst.
Eine Komponentenbibliothek für Oberflächen ändern und prüfen, dass nichts kaputtgeht
Wenn eine KI Oberflächenkomponenten in einem gemeinsamen Quelltextbestand (Monorepo) ändert. Sie folgt dessen Befehlen und Paketen, schreibt Fehlermeldungen mit Lösungsweg, prüft wie echte Nutzer, kontrolliert Barrierefreiheit und Screenshots und erzeugt die API-Dokumentation neu.
Apps und Websites gestalten, die auch Menschen mit Behinderung nutzen können (Barrierefreiheit)
Für die Gestaltung einer App oder Website. Sucht, wo Aufgaben an Sehen, Hören, Bewegung oder Verstehen scheitern, prüft Kontrast, Hilfstechnik, Untertitel, Tastatur und Blinken und testet vor der Veröffentlichung.
Das Code-Repository eines Produkts mit App und Befehlszeile ordentlich halten
Nutze dies, wenn eine KI im Code-Repository eines Produkts mit App und Befehlszeile arbeitet. Sie befolgt die Regeldateien der Reihe nach, legt Code an seinen Platz, baut jede neue Funktion in beide ein, prüft Änderungen mit dem leichtesten Test und jede Version vor der Veröffentlichung.
Dokumentation für ein Designsystem schreiben und aktuell halten
Zum Dokumentieren eines Designsystems. Legt fest, was hineingehört, teilt die Arbeit nach Priorität in Seiten, erklärt jede Komponente mit Was, Warum, Wann und Wie und prüft vor jeder Veröffentlichung, ob Dokumentation, Gestaltung und Code übereinstimmen.
Ein Designsystem bauen, das KI richtig nutzt, und die erzeugten Komponenten prüfen
Für Designsysteme, mit denen KI Oberflächen baut. Liest zuerst die Dokumentation des aktuellen Zweigs, nutzt nur CSS, das das Styling-Werkzeug wirklich kann, hält die Dokumentation aktuell und testet, ob die KI Komponenten richtig erstellt.
Markenregeln festlegen, damit die Marke überall wiedererkannt wird
Für Aufbau oder Überarbeitung von Erscheinungsbild und Tonalität einer Marke. Startet bei Zweck und Werten, legt Regeln für Logo, Farben, Schrift und Layout mit gut lesbarem Kontrast fest, bündelt freigegebene Dateien für Teams an einem Ort und prüft und verbessert die Regeln laufend.
Designforschung mit Menschen unterschiedlicher Fähigkeiten und Sprachen planen
Vor Gesprächen mit Nutzenden, die ein Design prägen sollen. Verknüpft Ziele mit Entscheidungen, wählt Methoden und Rollen, gewinnt Menschen mit unterschiedlichen Fähigkeiten und Sprachen, schützt und vergütet sie und hält Notizen vertraulich.
Die Kundenreise vom ersten Kontakt bis zur Verlängerung abbilden und Verbesserungen ordnen
Wenn Kunden früh abspringen oder eine Gruppe unzufriedener ist. Fragt nach Geschäft, Zielkunden und Umfang und zeigt je Phase, was Kunden denken und fühlen, wo sie hängen bleiben, sowie gereihte Verbesserungen mit Verantwortlichen.