Generische KI-generierte Interfaces wirken oft überladen, glänzend oder inkonsistent. Dieser Skill gibt Claude, Codex und Claude Code präzise visuelle Regeln für ruhige redaktionelle Layouts.

Viele datenintensive Interfaces wirken generisch und visuell weich. Diese Skill gibt Claude, Codex und Claude Code präzise UI-Regeln im industriell-brutalistischen Stil für Raster, Typografie, Farbe und Textur.

Frontend-Bildprompts erzeugen oft repetitive Layouts. Diese Skill lenkt Claude, Codex und Claude Code auf unterschiedliche Website-Referenzbilder, Abschnitt für Abschnitt.

Bildkonzepte für mobile Apps wirken oft generisch, überladen oder inkonsistent. Dieser Skill unterstützt Claude, Codex und Claude Code dabei, hochwertige Mobile-Screen-Bilder und stimmige Abläufe zu erstellen.

Generische KI-Layouts wirken oft flach und vorlagengetrieben. Dieser Skill führt Claude, Codex und Claude Code zu hochwertigen visuellen Systemen, Bewegungsregeln und responsivem UI-Feinschliff.

Generische KI-Seiten wiederholen oft schwache Layouts. Dieser Skill führt Claude, Codex und Claude Code zu abwechslungsreicher redaktioneller UI, GSAP-Bewegung und strengeren visuellen Prüfungen.

KI-generierte Frontend-Arbeit kann generisch wirken und responsive Zustände übersehen. Dieser Skill gibt Claude, Codex und Claude Code klare UI-Regeln für präzisere React- und Tailwind-Ergebnisse.

KI-generierte Oberflächen wirken oft generisch oder übersehen produktionsrelevante Details. Dieser Skill gibt Claude, Codex und Claude Code strikte Design- und Frontend-Leitplanken.

Teams brauchen Markenkonzepte, die kohärent wirken, bevor sie in ein vollständiges Identity-System investieren. Diese Skill leitet Claude, Codex und Claude Code dabei an, ausgefeilte Brand-Kit-Boards mit Logos, Paletten, Mockups und visuellen Regeln zu erstellen.

Creating polished images and consistent visual sets requires detailed prompts and repeated API work. This skill prepares requests, calls Seedream, and downloads the results.

Wissenschaftliche Teams benötigen klare Diagramme ohne langsames manuelles Zeichnen. Dieser Skill wandelt detaillierte Prompts in geprüfte Schemata, Signalwege, Flussdiagramme und Architekturabbildungen um.

Die Erstellung ausgefeilter visueller Assets kann langsam sein, wenn Nutzer zwischen Tools wechseln müssen. Dieser Skill ermöglicht es Claude, Codex und Claude Code, Bilder über OpenRouter-Modelle aus Text-Prompts zu generieren oder zu bearbeiten.

Fertige Oberflächen benötigen vor der Veröffentlichung oft kleine visuelle Anpassungen. Diese Skill hilft Claude, Codex und Claude Code dabei, die Klarheit zu verbessern und gleichzeitig das Design zu bewahren.

Pencil-Designs verlieren oft Details, wenn Entwickler sie nach Augenmaß umsetzen. Dieser Skill führt Claude, Codex und Claude Code durch präzise Extraktion, Implementierung und visuelle Prüfungen.

Produktteams überladen Erfolgszustände oft mit unklaren nächsten Schritten. Diese Skill überführt Benutzerabsicht in klar abgegrenzte, priorisierte UI-Aktionen nach einem bedeutsamen Ergebnis.

Design-Handoffs beschädigen oft Architektur, Tokens und Barrierefreiheit. Dieser Skill führt Claude, Codex und Claude Code dabei, ausgewählte Figma- oder Pencil-Screens in geschichteten Tailwind-Code umzuwandeln.

Next.js-Teams übersehen häufig Anforderungen an Favicons, PWA und Social Images. Diese Skill prüft das Projekt, erstellt genaue Asset-Spezifikationen und bindet generierte Dateien gemäß den App Router-Konventionen ein.

Recreating a successful video ad from observation is slow and inconsistent. This skill converts reference footage into an evidence-based timeline and production-ready adaptation prompt.

Lange Inhalte in Social-Image-Cards umzuwandeln ist langsam und inkonsistent. Dieser Skill plant Infografikserien im Xiaohongshu-Stil mit Stilen, Layouts, Prompts und Ausgabepfaden.

Lange Inhalte in ein konsistentes visuelles Deck zu verwandeln, erfordert Planung und Prompt-Erstellung. Diese Skill erstellt eine strukturierte Gliederung, Folien-Prompts und generierte Folienbilder.