Frontend & UI
high-end-visual-design
Blockiert generische KI-Defaults und erzwingt Layout und Motion auf Agenturniveau.
Worum es geht
Ein direktiver Skill, der gängige KI-Design-Defaults verbietet und den Agenten zwingt, vor jedem UI-Code einen Vibe-Archetyp und einen Layout-Archetyp zu wählen.
Teaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look che
Warum das fürs Design zählt
- Inter, Roboto und fette Lucide-Icons sind verboten, damit die Ausgabe nicht mehr nach Template aussieht.
- Karten bekommen eine äußere Hülle plus inneren Kern, was Containern echte, präzise Tiefe gibt.
- Das Section-Padding startet bei py-24, damit Layouts atmen statt zu drängen.
Was es abdeckt
- Absolute zero directive
- Creative variance engine
- Haptic micro-aesthetics
- Motion choreography
- Performance guardrails
- Pre-output checklist
So installierst du es
high-end-visual-design
-
Klone das Repo.
git clone https://github.com/Leonxlnx/taste-skill -
Verweise Codex auf die Skill-Datei.
skills/soft-skill/SKILL.md -
Beschreibe dann das gewünschte UI. Codex folgt dem Skill.
So nutzt du es mit Codex
-
Frag Codex nach einer Seite, er würfelt zuerst still die Varianz-Engine.
-
Er legt Hintergrundtextur und Schriftskala an und baut dann Container mit doppeltem Rahmen.
-
Er spielt eigene cubic-bezier-Motion ein und läuft dann die Pre-Output-Checkliste durch.
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.