Frontend & UI
Agent-Native Plans
Macht aus Text-Plänen prüfbare Dokumente mit Wireframes und Prototypen.
Worum es geht
Ein strukturierter Planungsmodus für Coding-Agenten. Pläne werden zu überfliegbaren Dokumenten mit Inline-Diagrammen, Code, Datenmodellen, offenen Fragen und einem optionalen Canvas oben oder Live-Prototyp.
Generate rich visual plans as MDX with diagrams, API specs and zoomable wireframes, then recap what the agent did.
Warum das fürs Design zählt
- UI-Pläne beginnen mit Wireframe-Artboards, eines pro nutzersichtbarem State.
- Reviewer kommentieren verankerte Elemente, statt im Chat zu diskutieren.
- Mehrstufige Flows bekommen einen bedienbaren Prototyp neben den statischen Mockups.
Was es abdeckt
- When to use
- Plan discipline
- Core workflow
- Visual surface choice
- Wireframe quality
- Self-review before handoff
So installierst du es
Agent-Native Plans
-
Klone das Repo.
git clone https://github.com/BuilderIO/skills -
Verweise Codex auf die Skill-Datei.
skills/visual-plan/SKILL.md -
Beschreibe dann das gewünschte UI. Codex folgt dem Skill.
So nutzt du es mit Codex
-
Installiere über die Agent-Native CLI und führe dann den Befehl /visual-plan aus.
-
Füg einen bestehenden Codex- oder Markdown-Plan als Quelle ein.
-
Lies das Feedback, patche den Plan und prüfe das gespeicherte Ergebnis.
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.