Frontend & UI
minimalist-ui
Baut warme, monochrome Editorial-Interfaces mit flachen Bento-Grids.
Worum es geht
Ein Frontend-Protokoll für minimalistische, dokumentartige Interfaces. Es legt eine warme monochrome Palette fest, eine typografische Hierarchie aus Serif und Mono, Bento-Karten mit 1px-Rand und gedämpfte Pastellakzente.
Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
Warum das fürs Design zählt
- Jede Karte und jeder Trenner nutzt einen einzigen 1px hellgrauen Rand mit klarem Radius.
- Akzente kommen nur aus vier blassen Pastelltönen, reserviert für Tags und Inline-Code.
- Sections gewinnen Tiefe durch Bildmaterial mit geringer Deckkraft statt flacher, leerer Hintergründe.
Was es abdeckt
- Absolute negative constraints
- Typographic architecture
- Color palette
- Component specifications
- Iconography and imagery directives
- Subtle motion and micro-animations
So installierst du es
minimalist-ui
-
Klone das Repo.
git clone https://github.com/Leonxlnx/taste-skill -
Verweise Codex auf die Skill-Datei.
skills/minimalist-skill/SKILL.md -
Beschreibe dann das gewünschte UI. Codex folgt dem Skill.
So nutzt du es mit Codex
-
Frag nach einer Seite, der Skill legt zuerst den groben Weißraum fest, py-24 oder py-32.
-
Er begrenzt die Textbreite auf max-w-4xl und wendet die monochromen Variablen sofort an.
-
Scroll-Einblendungen laufen über IntersectionObserver, ausschließlich auf transform und opacity.
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.