PhyllBeta
UX-Review // mit KI gebaute Apps

Phyll

UX-Review für mit KI gebaute Apps, direkt in dem Agenten, den du schon nutzt.

Phyll läuft in deinem Codex oder Claude Code, mit deinem eigenen Abo. Es öffnet deine App so, wie jemand sie zum ersten Mal sieht, zeigt, was im Weg steht, und behebt es, ohne dein Design anzufassen.

Läuft in
Codex / Claude Code
KI-Tokens
Dein Abo
Katalog
57 Anzeichen
Lizenz
MIT
RegistrierenCode auf GitHub
Mit Lovable, Bolt oder v0 gebaut? Prüfe eine Seite, kostenlos und ohne Konto
Review // ReplyloopLaptop // 1440
Replyloop vor dem Review: 9 Felder für die erste Aufgabe
Vorher // 9 Felder
Replyloop nach dem Review: 2 Felder für die erste Aufgabe
Nachher // 2 Felder
Die erste Aufgabe

Allen, die ein Stichwort kommentieren, eine DM schicken

Klicks9 → 3
Stil erhalten10 von 10 Merkmalen
Review // Navalha BarbeariaLaptop // 1440
Navalha Barbearia vor dem Review: 20 Felder für die erste Aufgabe
Vorher // 20 Felder
Navalha Barbearia nach dem Review: 4 Felder für die erste Aufgabe
Nachher // 4 Felder
Die erste Aufgabe

Einen Haarschnitt buchen

Klicks18 → 4
Stil erhalten9 von 9 Merkmalen
Review // Orça JáLaptop // 1440
Orça Já vor dem Review: 41 Felder für die erste Aufgabe
Vorher // 41 Felder
Orça Já nach dem Review: 4 Felder für die erste Aufgabe
Nachher // 4 Felder
Die erste Aufgabe

Ein Angebot schreiben und an den Kunden schicken

Klicks10 → 2
Stil erhalten9 von 10 Merkmalen
Review // Brasa BurgerLaptop // 1440
Brasa Burger vor dem Review: 33 Felder für die erste Aufgabe
Vorher // 33 Felder
Brasa Burger nach dem Review: 4 Felder für die erste Aufgabe
Nachher // 4 Felder
Die erste Aufgabe

Einen Burger nach Hause bestellen

Klicks15 → 5
Stil erhalten8 von 8 Merkmalen
Beispiel01020304 / 04
02  So funktioniert’s3 Schritte

Drei Schritte bis zum ersten Review

  1. 01

    Erstelle dein Konto

    Nutze das Formular unten oder führe das hier im Terminal aus.

    npx phyll signup du@beispiel.de
  2. 02

    Verbinde Phyll mit deinem Agenten

    Das Setup registriert Phyll in Codex, Claude Code, Cursor, Windsurf oder Gemini CLI und installiert das Chromium, das sein Browser nutzt.

    npx phyll setup codex    # oder claude, cursor, windsurf, gemini
  3. 03

    Bitte um ein Review

    Zum Beispiel: Prüfe meine App unter http://localhost:3000. Der Bericht landet in .phyll/reports, mit einem Link.

03  Was es findet57 Anzeichen // 6 Dimensionen

Phyll behält dein Design. Die Änderungen setzen dort an, wo Leute hängen bleiben.

Farben, Schriften und Layout bleiben, wie sie sind. Verläufe, Glas-Effekte, Emoji und zentrierte Hero-Bereiche werden als Stilnotizen erfasst und nicht angetastet.

  1. 01

    Zweck

    Ein erster Bildschirm, der nicht sagt, was das Produkt macht, eine Verkaufsseite vor dem Werkzeug, ein Dashboard mit erfundenen Zahlen für jemanden, der sich gerade angemeldet hat.

  2. 02

    Ablauf

    Ein Login vor der Speisekarte, eine CPF-Nummer für einen Haarschnitt, 39 Felder für ein Angebot, ein Modal für alles, Buttons, die nichts tun, ein „Erfolg!“, das nirgendwohin führt.

  3. 03

    Aktionen

    Der Haupt-Button weit weg vom Inhalt, auf den er wirkt, Icon-Buttons ohne Namen, Löschen ohne Rückgängig, Aktionen, die nur beim Hovern erscheinen, Optionen, die die Tastatur nicht erreicht.

  4. 04

    Aussehen

    Grauer Text unter dem Mindestkontrast, weißer Text auf hellorangen Buttons, Layouts, die auf dem Handy kaputtgehen.

  5. 05

    Texte

    „Optimiere deinen Workflow“, „Jetzt starten“, „Über 10.000 Kunden“, Max Mustermann, COMMENT_KEYWORD auf dem Bildschirm, „Etwas ist schiefgelaufen“.

  6. 06

    Zustände

    Leere Zustände, die nur „Keine Daten“ sagen, Fehler, die nur in der Konsole landen, eine Bestätigung mit dem Termin einer anderen Person, unsichtbarer Tastaturfokus.

04  BeispieleVier Apps, vorher und nachher

Vorher und nachher

Felder und Klicks zählen, was jemand beim ersten Besuch für die erste Aufgabe tun musste. Keine der Apps von vorher hat diese Person bis zum Ergebnis gebracht.

01 // DM-Automatisierung

Replyloop

Allen, die ein Stichwort kommentieren, eine DM schicken

Felder9 → 2
Klicks9 → 3
KI-Anzeichen-Index75 → 7
Review lesen
02 // Terminbuchung

Navalha Barbearia

Einen Haarschnitt buchen

Felder20 → 4
Klicks18 → 4
KI-Anzeichen-Index54 → 6
Review lesen
03 // Angebote

Orça Já

Ein Angebot schreiben und an den Kunden schicken

Felder41 → 4
Klicks10 → 2
KI-Anzeichen-Index66 → 6
Review lesen
04 // Lieferdienst

Brasa Burger

Einen Burger nach Hause bestellen

Felder33 → 4
Klicks15 → 5
KI-Anzeichen-Index53 → 6
Review lesen
Jeden Bildschirm ansehen, vorher und nachher
05  PreiseBeim Bezahlen siehst du den Preis in deiner Währung

Dein Abo zahlt die KI

Die KI ist die deines Agenten, mit deinem Abo. Phyll berechnet nie Tokens. Ein vollständiges Review ist eine lange Aufgabe für deinen Agenten: Bei zwei Beispiel-Apps in Claude Code dauerte es 11 bis 16 Minuten und 80 bis 100 Schritte. Der Scanner nutzt überhaupt keine KI.

Kostenlos

US$ 0

  • Der Code-Scanner, so oft du willst
  • 5 vollständige Reviews mit Korrekturen
  • Ein Link zu jedem Bericht
Kostenloses Konto erstellen
Phyll Pro

≈ US$ 1,79 pro Monat

Ungefährer Preis in USD zum heutigen Kurs. Phyll Pro kostet R$ 9 in brasilianischen Real, und beim Bezahlen zahlst du in deiner Währung und siehst den genauen Betrag.

  • Unbegrenzte Reviews
  • Verlauf und Vorher-Nachher für jedes Projekt
  • Spezielle Regelpakete, sobald sie erscheinen

Wenn du nicht angemeldet bist, fragt Phyll zuerst nach deinem Konto. Im Terminal: npx phyll pro.

06 // Kostenlos

Erstelle dein kostenloses Konto

Code und Katalog auf GitHub // MIT-Lizenz