Frontend & UI
UI-UX Pro Max · Slides
Baut HTML-Präsentationsdecks mit Chart.js und Layout-Patterns.
Worum es geht
Ein kleiner Routing-Skill für strategische HTML-Präsentationen. Er parst ein Subcommand und lädt dann Referenzdateien zu Layout-Patterns, ein HTML-Template, Copywriting-Formeln und Slide-Strategien.
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
Warum das fürs Design zählt
- Slides sind HTML, damit Schrift und Abstände echten Design-Tokens folgen.
- Chart.js übernimmt Daten-Slides, damit Zahlen live bleiben statt eingefügter Bilder.
- Layout-Patterns werden aus einem Set gewählt, das hält ein Deck visuell konsistent.
Was es abdeckt
- When to use
- Subcommands
- References
- Routing
So installierst du es
UI-UX Pro Max · Slides
-
Klone das Repo.
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill -
Verweise Codex auf die Skill-Datei.
cli/assets/skills/slides/SKILL.md -
Beschreibe dann das gewünschte UI. Codex folgt dem Skill.
So nutzt du es mit Codex
-
Ruf ihn mit dem create-Subcommand plus Thema und Slide-Anzahl auf.
-
Er lädt references/create.md und folgt diesem Erstellungs-Workflow.
-
Er zieht Layout-Patterns und Copywriting-Formeln aus den Referenzdateien.
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.