Design-Systeme
UI-UX Pro Max · Brand
Hält Brand-Guidelines, Design-Tokens und Assets synchron.
Worum es geht
Ein Brand-Identity-Skill rund um Skripte, die Brand-Kontext in Prompts einspeisen, Assets validieren, Farben extrahieren und brand-guidelines.md in Design-Token-JSON und CSS-Variablen synchronisieren.
Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.
Warum das fürs Design zählt
- Eine Markdown-Datei ist die Single Source of Truth für Tokens und CSS.
- Extrahierte Farben werden mit der Palette abgeglichen, das fängt Drift früh ab.
- Assets werden vor der Freigabe auf Benennung, Größe und Format geprüft.
Was es abdeckt
- When to use
- Quick start
- Brand sync workflow
- Subcommands
- References
- Scripts
So installierst du es
UI-UX Pro Max · Brand
-
Klone das Repo.
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill -
Verweise Codex auf die Skill-Datei.
cli/assets/skills/brand/SKILL.md -
Beschreibe dann das gewünschte UI. Codex folgt dem Skill.
So nutzt du es mit Codex
-
Bearbeite docs/brand-guidelines.md und führe dann scripts/sync-brand-to-tokens.cjs aus.
-
Prüfe mit scripts/inject-brand-context.cjs --json.
-
Prüfe jede neue Datei mit scripts/validate-asset.cjs, bevor du sie ausspielst.
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.