Die Rollen Leser, Designer und Entwickler
Was die 12 WTFAA-Aktionen der Rollen Leser, Designer und Entwickler liefern, wann sie passen und wie Sie Rolle wechseln oder Standardrolle festlegen.
WTFAA ordnet seine Seitenaktionen drei Rollen zu: Leser, Designer und Entwickler. Jede Rolle lädt eigene Prompt-Voreinstellungen und legt vier Aktionen in die Symbolleiste oben in der Seitenleiste, insgesamt also 12 Aktionen.
Diese Anleitung erklärt, was jede Aktion liefert, wann sie sinnvoll ist und wie Sie die Rolle wechseln. Falls WTFAA noch nicht eingerichtet ist, beginnen Sie mit Erste Schritte.
So arbeiten die Aktionen
- Aktionen erscheinen als Symbole in der Symbolleiste. Fahren Sie mit der Maus über ein Symbol, um den Namen zu sehen.
- Beim Klick liest WTFAA den aktuellen Tab in genau diesem Moment. Die meisten Aktionen nutzen den Seiteninhalt; Formularprüfung und Testdaten ausfüllen nutzen die sichtbaren Formularfelder.
- Vor dem Senden zeigt der Dialog Vor dem Senden prüfen, welchen Kontext die KI erhält. Bestätigen Sie mit An KI senden, oder aktivieren Sie Nächste Schnellaktion ohne Vorschau senden, damit die nächste Aktion ohne Dialog gesendet wird.
- Die Prompts weisen die KI an, sich auf die aktuelle Seite zu stützen und allgemeines Hintergrundwissen oder unsichere Vermutungen als solche zu kennzeichnen.
- In jeder Rolle können Sie zusätzlich eigene Fragen in das Eingabefeld schreiben.
Leser: Seiteninhalte verstehen und weiterverwenden
Für Artikel, Dokumentation, Ankündigungen und andere textlastige Seiten. Eine neue Installation startet in dieser Rolle.
| Aktion | Ergebnis | Wann sinnvoll |
|---|---|---|
| Zusammenfassen | Kernpunkte (Thema, zentrale Informationen, wahrscheinliche Zielgruppe), eine Zusammenfassung in 2–3 Absätzen und die wichtigsten Erkenntnisse | Den Kern einer langen Seite erfassen, bevor Sie sie ganz lesen |
| Diese Seite erklären | Hintergrund, Kernkonzepte mit Beispielen, wichtige Details, Bezüge zu größeren Themen, praktische Anwendungen und Folgefragen | Die Seite setzt Wissen voraus, das Ihnen noch fehlt |
| Schlüsselwörter extrahieren | Haupt- und Neben-Schlüsselwörter, benannte Entitäten (Personen, Organisationen, Produkte) und vorgeschlagene Tags | Verschlagworten, Recherchenotizen oder prüfen, worum es auf einer Seite wirklich geht |
| In Social Post umwandeln | Entwurf für einen X/Twitter-Thread, einen LinkedIn-Beitrag, einen Einzeiler und Hashtags | Eine Seite teilen; der Prompt beschränkt Aussagen auf das, was die Seite belegt, prüfen Sie den Entwurf trotzdem vor dem Posten |
Designer: die sichtbare Oberfläche prüfen
Für Landingpages, App-Oberflächen und alle Seiten, bei denen Layout und visuelle Qualität zählen. Diese Aktionen bewerten, was auf der Seite sichtbar ist, nicht die Implementierung oder das Backend.
| Aktion | Ergebnis | Wann sinnvoll |
|---|---|---|
| Visuelle Analyse | Visuelle Hierarchie und Blickpunkte, Farbeinsatz, Typografie, Abstände und Layout | Ein erster strukturierter Blick auf ein Design |
| Farb- und Kontrasthinweise | Eine Palettentabelle und Kontrasthinweise auf Basis von Farben, die WTFAA lokal aus den berechneten Styles der Seite ausliest, mit Angabe, welche Werte gemessen und welche visuell geschätzt sind | Eine Palette dokumentieren oder wahrscheinliche Kontrastprobleme finden |
| Design-Kritik | Stärken, konkrete Verbesserungen, sichtbare Barrierefreiheitsprobleme, Vergleich mit gängigen UI-Mustern und eine priorisierte Änderungstabelle | Design-Reviews und Feedbackrunden |
| Sichtbare A11y-Hinweise | Eine Checkliste sichtbarer Barrierefreiheitssignale (Kontrast, Fokusanzeige, Beschriftungen, Überschriftenfolge, Tastaturbedienung, Alternativtexte), eine Problemtabelle nach Schweregrad und schnelle Verbesserungen | Ein schneller Barrierefreiheits-Check vor einem vollständigen Audit |
Farb- und Kontrasthinweise und Sichtbare A11y-Hinweise sind heuristische Prüfungen. Sie sind keine WCAG-Konformitätszertifizierung.
Entwickler: prüfen, testen und Formulare ausfüllen
Für Frontend-Arbeit, QA und formularlastige Seiten.
| Aktion | Ergebnis | Wann sinnvoll |
|---|---|---|
| Frontend-Stack erkennen | Wahrscheinliche Signale für Frontend-Framework, Styling und Build-Tools mit den jeweils sichtbaren Belegen, dazu Konfidenz und was sich nicht bestimmen lässt | Orientierung auf einer unbekannten Website |
| Seiten-QA-Checkliste | Eine Testfalltabelle (ID, Vorbedingungen, Schritte, erwartetes Ergebnis), sichtbare Grenzfälle, Barrierefreiheitsprüfungen und beobachtbare Performance-Risiken | Manuelle Tests einer Seite oder eines Ablaufs planen |
| Formularprüfung | Eine Feldtabelle (Typ, Beschriftung, Pflichtfeld, sichtbare Validierung), Abhängigkeiten zwischen Feldern und mögliche Probleme | Struktur und Beschriftungen eines Formulars prüfen |
| Testdaten ausfüllen | Realistische, aber erfundene Werte für die sichtbaren Formularfelder, die Sie vor dem Ausfüllen prüfen | Testformulare bei Entwicklung oder QA schnell ausfüllen |
Frontend-Stack erkennen meldet nur, was die Seite selbst preisgibt. Backend-Architektur, Datenbanken, Hosting oder private APIs werden nicht ermittelt.
Bei Testdaten ausfüllen zeigt WTFAA zuerst Felder vor dem Ausfüllen prüfen mit jedem Feld und seinem Wert. Auf der Seite ändert sich nichts, bis Sie auf Ein-Klick-Ausführung klicken, und das Ausfüllen sendet das Formular nie ab. Die Aktion fordert von der KI nur sichtbare Felder an und weist sie an, versteckte Felder, Passwörter, Zahlungsfelder und das Akzeptieren von Bedingungen auszulassen. Prüfen Sie die Liste daher vor dem Bestätigen. Details unter Formularprüfung und Testdaten.
Rolle wechseln
- Am rechten Ende der Aktionsleiste finden Sie die Rollen-Schaltfläche. Sie zeigt das Symbol der aktuellen Rolle und einen kleinen Pfeil (Tooltip: Rolle wechseln).
- Klicken Sie darauf und wählen Sie Entwickler, Designer oder Leser.
- Die Symbolleiste zeigt nun die vier Aktionen dieser Rolle. Der Chatverlauf bleibt in der Seitenleiste erhalten.
Standardrolle festlegen
- Öffnen Sie die Einstellungen (Zahnrad-Symbol) und bleiben Sie im Tab Allgemein.
- Wählen Sie unter Standardrolle die gewünschte Rolle.
Das Rollenmenü in der Symbolleiste und die Einstellung Standardrolle ändern denselben gespeicherten Wert. Die Seitenleiste behält also die zuletzt gewählte Rolle. Wenn Sie überwiegend eine Art von Arbeit erledigen, legen Sie die Rolle hier einmal fest und wechseln bei Bedarf über das Menü in der Symbolleiste.
Weitere Anleitungen
- Seitenübersetzung und Screenshot-Analyse liegen im Eingabebereich und funktionieren in jeder Rolle.
- Datenschutz und Sendevorschau erklärt, was gesendet wird und wie die lokale Schwärzung funktioniert.