Frontend & UI
design-taste-frontend
Liest das Briefing, wählt eine Richtung, liefert Interfaces ohne Templates.
Worum es geht
Ein Anti-Slop-Frontend-Skill für Landingpages, Portfolios und Redesigns. Er formuliert eine Design-Einschätzung, setzt Regler für Varianz, Motion und Dichte und durchläuft dann eine lange Pre-Flight-Prüfung.
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, a
Warum das fürs Design zählt
- Enterprise-Briefings bekommen das offizielle Design-System-Paket statt handgestrickter Lookalike-CSS.
- Die Pre-Flight-Prüfung verbietet Gedankenstriche, nummerierte Section-Eyebrows, Scroll-Hinweise und doppelte CTA-Absichten.
- Layout-Wiederholung ist gedeckelt, acht Sections nutzen mindestens vier unterschiedliche Familien.
Was es abdeckt
- Brief inference
- The three dials
- Brief to design system map
- Design engineering directives
- AI tells
- Final pre-flight check
So installierst du es
design-taste-frontend
-
Klone das Repo.
git clone https://github.com/Leonxlnx/taste-skill -
Verweise Codex auf die Skill-Datei.
skills/taste-skill/SKILL.md -
Beschreibe dann das gewünschte UI. Codex folgt dem Skill.
So nutzt du es mit Codex
-
Der Agent formuliert eine einzeilige Design-Einschätzung, bevor er Code schreibt.
-
Er setzt drei Regler: Design-Varianz, Motion-Intensität und visuelle Dichte.
-
Jeder Punkt der Pre-Flight-Liste muss bestehen, sonst gilt die Seite nicht als fertig.
Jedes Plugin hier ist kostenlos, quelloffen und verlinkt auf seine echte Originalquelle.
Mehr auf der codex-design-Liste ↗Weitere Codex-Design-Plugins
Frontend & UI Was es macht gpt-taste Baut preisverdächtige Landingpages mit GSAP-Scroll-Motion und lückenlosen Bento-Grids. 
Design-Systeme Was es macht Stitch Design Taste Schreibt eine DESIGN.md, die Google Stitch zu nicht-generischen Screens lenkt. 
Frontend & UI Was es macht image-to-code Erzeugt zuerst Design-Bilder, analysiert sie und baut dann passenden Frontend-Code. 
Frontend & UI Was es macht imagegen-frontend-mobile Erzeugt hochwertige Mobile-App-Screen-Flows als Bilder, nicht als Code. Nächster Schritt
Mit Open Design designen, ohne Setup
Installiere dieses Plugin selbst, oder leg mit Open Design eine ganze kuratierte Design-Ebene um Codex. Eigener Key, eigenes Ergebnis.