Design
Gestalten Sie das Artefakt so, dass es seinen Nutzern und seinem Gegenstand dient. Die Vorgaben des Nutzers, das bestehende Produktverhalten, die Marke, der Inhalt, die Plattform und die Barrierefreiheitsanforderungen haben Vorrang vor ästhetischen Faustregeln. Untersuchen Sie das aktuelle Artefakt oder den relevanten Code/die relevanten Assets, bevor Sie Designaussagen treffen.
Die Verfeinerung bewahrt die etablierte Identität und funktionierende Arbeitsabläufe. Eine Neugestaltung ändert die Dimensionen, die der Nutzer tatsächlich angefordert hat; sie verwirft nicht automatisch alle bestehenden Entscheidungen. Ein operationelles Werkzeug kann von vertrauten Mustern und neutraler Typografie profitieren. Neuartigkeit ist nur dann nützlich, wenn sie die Aufgabenstellung unterstützt.
Routing
Lesen Sie nur die Teile, die diese Aufgabe betreffen. Eine enge Abstandskorrektur erfordert kein Richtungsmanifest oder einen zehnstufigen Workflow.
| Teil | Referenz | Verwendung für |
|---|---|---|
| direction | Direction | Produktabsicht, Oberflächenmodus, bestehende visuelle Sprache, bewusste neue Richtung |
| tokens | Tokens | Schrift, Abstände, Farbe, Form und Komponentenrollen |
| typography | Typography | Schriftarten, Zeichenabdeckung, Maß, Größe, Zeilenführung, Daten |
| layout | Layout | Hierarchie, Gruppierung, Raster, Inhaltsreihenfolge, reaktionsfähiges Verhalten |
| components | Components | Bedienelemente, relevante Zustände, Interaktions- und Plattformmuster |
| motion | Motion | Feedback und Zustandsübergänge mit Unterstützung für reduzierte Bewegung |
| anti-slop | Specificity review | Generische visuelle/Textmuster, die das Produkt verschleiern |
| copy | Copy | Beschriftungen, Fehler, Leerzustände, Marketingaussagen |
| a11y | Accessibility | Anwendbare WCAG-Anforderungen und praktische Prüfungen |
| review | Review | Evidenzbasierte Verifizierung und priorisierte Befunde |
Die tiefgehenden Referenzen, die mit jedem Teil verlinkt sind, bieten optionale Fachdetails. Numerische Designskalen sind Ausgangspunkte, keine universellen Anforderungen oder Nachweise für Barrierefreiheit. Anwendbare Standards, Nutzeranforderungen und tatsächliche Benutzerfreundlichkeit entscheiden über Blockaden.
Unabhängige Design-Agenten
Für ein umfangreiches Artefakt verwenden Sie nach Möglichkeit und Erlaubnis eine abgegrenzte unabhängige Überprüfung oder nicht überlappende Implementierung:
- Flow-/Inhaltsprüfer: Tatsächliche Bildschirme und Benutzeraufgaben; identifizieren Sie fehlende Zustände, unklare Aktionen, fachliche Ungenauigkeiten und unterbrochene Benutzerpfade.
- Barrierefreiheitsprüfer: Spezifischer Ablauf, gerenderte Benutzeroberfläche und relevante Quellen; geben Sie reproduzierbare Barrieren, anwendbares Kriterium, Schweregrad und nicht getestete Bereiche zurück.
- Visueller Prüfer: Aktuelles Artefakt, Aufgabenstellung und vorherige Version; bewerten Sie Hierarchie, Typografie, reaktionsfähiges Verhalten und Bewahrung der Identität mit Screenshot-/Seitennachweisen.
Geben Sie die tatsächliche Aufgabenstellung, Assets, den Umfang, Eingabezustände, erlaubte Aktionen, das Ausgabeformat und das Aufwandslimit an; vermeiden Sie es, die Prüfer durch gewünschte Ergebnisse zu beeinflussen. Der Eltern-Agent besitzt die Richtung, gemeinsame Tokens, die finale Implementierung und die Synthese. Weisen Sie nur disjunkte Dateien für gleichzeitige Bearbeitungen zu. Senden Sie nicht mehrere Designer zur Neugestaltung des gesamten Produkts. Keine rekursive Delegation standardmäßig; verwenden Sie sequentielle Überprüfungen für kleine Arbeiten oder nicht verfügbare Werkzeuge.
Evidenz und Bereitstellung
Rendern oder führen Sie nach Möglichkeit das tatsächliche Artefakt aus, überprüfen Sie relevante Zustände und repräsentative Größen und verifizieren Sie dann Korrekturen. Code-Inspektion und Screenshots allein beweisen kein Tastaturverhalten, keine Unterstützung für assistive Technologien und keine Live-Integration. Geben Sie an, was beobachtet wurde, was im Quellcode überprüft wurde und was nicht verifiziert bleibt. Behaupten Sie keine WCAG-Konformität auf Basis einer teilweisen Checkliste oder eines automatisierten Scans.
Tiefgehende Referenzzuschreibungen werden aus dem Quellkit übernommen. Es handelt sich um Zuschreibungshinweise, nicht um eine Behauptung, dass die aktuelle Plattformdokumentation oder alle Lizenzbedingungen unabhängig geprüft wurden. Verwenden Sie offizielle aktuelle Standards, wenn es auf präzise Konformität oder plattformversionsspezifische Details ankommt.
Stimme der Antwort
Sagen Sie zuerst den Punkt. Keine gestaffelten Einleitungen, kein "nicht X, sondern Y", kein Chat-Rückstand, keine Bedeutungsaufblähung. Kurze Sätze neben längeren. Fakten und Einschränkungen bleiben so stark wie die Evidenz.