Frontend & UI
imagegen-frontend-mobile
Erzeugt hochwertige Mobile-App-Screen-Flows als Bilder, nicht als Code.
Worum es geht
Ein reiner Bild-Skill für Mobile-Screen-Konzepte und -Flows über iOS, Android und plattformübergreifende Produkte hinweg. Er zeigt Screens in sauberen Handy-Mockups und schreibt nie Code.
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, s
Warum das fürs Design zählt
- Screens respektieren Safe Areas und Systembereiche, statt wie Websites in einem Handy zu wirken.
- Eine festgelegte Design-Bibel hält Palette, Schrift und Icons über alle Screens hinweg konsistent.
- Mehrteilige Screen-Sets ergeben einen glaubwürdigen Flow statt beziehungsloser Einzel-Mockups.
Was es abdeckt
- Platform mode rule
- Generate enough screens rule
- App design bible rule
- Safe area and system region rule
- Device mockup frame rule
- Text size and readability rule
So installierst du es
imagegen-frontend-mobile
-
Klone das Repo.
git clone https://github.com/Leonxlnx/taste-skill -
Verweise Codex auf die Skill-Datei.
skills/imagegen-frontend-mobile/SKILL.md -
Beschreibe dann das gewünschte UI. Codex folgt dem Skill.
So nutzt du es mit Codex
-
Nenn App-Kategorie und Anzahl der Screens, jeder Screen wird ein eigenes Bild.
-
Der Skill wählt zuerst einen Plattform-Modus: iOS, Android oder plattformneutral.
-
Lass ihn jeden Screen neu erzeugen, bei dem Text zu klein oder der Rahmen ungleichmäßig ist.
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-web Erzeugt ein horizontales Referenzbild pro Section einer Landingpage. 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.