Design-Systeme
UI-UX Pro Max · Design
Ein Einstiegspunkt, der Logo-, Identity-, Slide-, Banner- und Icon-Arbeit verteilt.
Worum es geht
Ein einheitlicher Design-Skill, der Aufgaben an Sub-Skills oder eingebaute Module verteilt. Die Module decken Logo-Generierung, Corporate-Identity-Mockups, HTML-Slides, Banner, Social-Fotos und SVG-Icons über Gemini-Skripte ab.
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 s
Warum das fürs Design zählt
- Logo, Identity-Mockups und Deck entstehen alle aus einem einzigen Brand-Input.
- Icons entstehen als SVG-Text, damit sie editierbar bleiben statt Raster.
- Banner-Regeln erzwingen Safe Zones, maximal zwei Fonts und einen CTA.
Was es abdeckt
- Sub-skill routing
- Logo design
- CIP design
- Slides
- Banner design
- Icon design
So installierst du es
UI-UX Pro Max · Design
-
Klone das Repo.
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill -
Verweise Codex auf die Skill-Datei.
cli/assets/skills/design/SKILL.md -
Beschreibe dann das gewünschte UI. Codex folgt dem Skill.
So nutzt du es mit Codex
-
Exportiere zuerst GEMINI_API_KEY und installiere google-genai und pillow.
-
Führe scripts/logo/search.py für ein Design-Briefing aus, dann generate.py für Bilder.
-
Gib das Logo an scripts/cip/generate.py weiter, um fertige Mockups zu erzeugen.
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.