Wikiprompt
Diskussion

CSS-Infografik-Renderer-Prompt

Von Wikiprompt, der freien Prompt-Enzyklopädie

Gadgetify
Beigetragen vonGadgetifyXQuelle

24. Aug. 2026

CSS-Infografik-Renderer-Prompt Ein CSS-gesteuerter Prompt, der die KI anweist, ein Infografik-Poster im Flat-Design zu jedem Thema zu erstellen, unter Verwendung eines Raster-Layouts mit von der KI abgeleiteten Daten und Illustrationen.

Zugehörige Medien

Prompt-InhaltSpeichern

🌐
16:9, KI wählt ein Thema aus : /* SYSTEM: WEB-UI-INFOGRAPHIK-RENDERER */ /* ZIELTHEMA: "[THEMA]" */ .treemap-container { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto; gap: 0px; /* Bündige Anordnung */ border: 3px solid black; } .data-card { border: 2px solid black; padding: 20px; box-shadow: none; /* STRENG FLACH */ } /* KI-INFERENZMOTOR: Fülle das Raster */ .data-card-1 { grid-column: span 2; grid-row: span 2; background-color: <color hex="FF6B6B"/>; /* Koralle */ content: "KI_INFERENZ(Riesiger 40%-Text + massive flache Illustration des größten Sektors von [THEMA])"; } .data-card-2 { background-color: <color hex="4ECDC4"/>; /* Blau */ content: "KI_INFERENZ(Mittlerer 20%-Text + flache Illustration)"; } /* RENDER-AUSFÜHRUNG: Rendere dieses CSS-Raster visuell als Info-Poster. Fülle den Rest des Rasters mit kleineren, andersfarbigen Boxen, die KI-inferierte Daten und Cliparts für [THEMA] enthalten. Behalte strenge gerade Linien, flache Farben und kräftige Serifenschriften bei. */

Melde dich an, um den vollständigen Prompt zu sehen

Weiter mit:

Mit der Anmeldung akzeptierst du unsere Nutzungsbedingungen und Datenschutz

Verwendung

Dieser Prompt ist für die Verwendung mit creative gedacht. Kopiere den Inhalt oben und füge ihn in dein bevorzugtes KI-Tool ein.

Für beste Ergebnisse passe die Platzhalter (eckige Klammern oder Großbuchstaben) an deine Anforderungen an.

Referenzen

Kategorien:creative| twitter| infographic| css-prompt

Diskussion