Was ist ein KI-Website-Prompt?

Zuerst den Kaufgegenstand verstehen

AnimaPrompt verkauft englischsprachige Prompts. Du kopierst den Text in Claude oder Codex und arbeitest in einer Umgebung, die die nötigen Werkzeuge zum Erstellen und Ausführen eines Webprojekts bereitstellt. Du kaufst damit Anweisungen für diesen Prozess, keine fertige Website und keine Vorlage mit bereits ausgearbeitetem Quellcode.

Für die Umsetzung braucht der Assistent weiterhin Informationen zu deinem Projekt, eigene Inhalte und gegebenenfalls passende Medien. Anschließend prüfst du den Entwurf und lässt ihn überarbeiten. Welche Vorgaben und Voraussetzungen ein bestimmter Prompt enthält, entnimmst du der jeweiligen Produktbeschreibung.

Nach der Aufgabe deiner Seite auswählen

Überlege vor der Stilwahl, was Besucher auf der Seite erledigen sollen. Eine Dienstleistungsseite muss ein Angebot verständlich machen und zur Kontaktaufnahme führen. Eine Produktseite braucht konkrete Informationen und einen nachvollziehbaren nächsten Schritt. Ein Portfolio muss Arbeiten überzeugend präsentieren. Eine ähnliche Optik macht diese Aufgaben nicht austauschbar.

Die folgenden Seitentypen helfen dir bei der Einordnung deines Projekts. Gleiche sie anschließend mit der tatsächlichen Beschreibung des Prompts ab. Eine Vorschau zeigt die gestalterische Richtung, aber nicht automatisch alle Funktionen oder die Eignung für deine Inhalte.

• Dienstleistung oder Agentur: verständliches Angebot, passende Belege und einfacher Kontakt.
• Produkt oder Software: konkreter Nutzen, Anwendungsfälle und eine klare Reihenfolge der Inhalte.
• Portfolio oder Studio: gut erkennbare Arbeiten, unterstützt durch Bilder und gezielte Bewegung.
• Interaktive Website: ein sinnvoller Einsatz von Animation oder 3D mit einer brauchbaren mobilen Variante.

Auf überprüfbare Anweisungen achten

Ein brauchbares Briefing enthält Entscheidungen, die du später überprüfen kannst: die Anordnung der Abschnitte, das Verhalten der Navigation oder die Anpassung an kleine Bildschirme. Begriffe wie hochwertig oder filmisch beschreiben eine Stimmung. Sie sagen allein noch nicht, was beim Scrollen oder beim Bewegen des Mauszeigers passieren soll.

Notiere deshalb vorab, welche Eigenschaften du übernehmen möchtest und welche du ersetzen wirst. Vielleicht ist eine bestimmte Interaktion entscheidend, während Farben und Bilder frei bleiben können. Eine kurze Liste wichtiger Anforderungen hilft mehr als der Versuch, jedes Detail einer Vorschau unverändert zu übernehmen.

Referenzen und Medien gehören zum Briefing

Ein Screenshot hält einen einzelnen Zustand fest. Ein Video kann zusätzlich Übergänge, Geschwindigkeit und Reaktionen auf Eingaben zeigen. Wenn die Gestaltung von Bewegung lebt, schaue dir solche Referenzen an, soweit sie vorhanden sind. Beschreibe dem Assistenten anschließend, welches Verhalten du erwartest.

Prüfe auch, welche Medien den Effekt ermöglichen. Ein tatsächlich drehbares 3D-Objekt kann Geometrie und Texturen benötigen. Ein Bild, das per CSS kippt, ist technisch etwas anderes. Gehe nicht davon aus, dass Bilder, Schriften, Videos oder 3D-Modelle allein durch ihre Darstellung in der Vorschau zum Kaufumfang gehören.

Eine Überarbeitung fest einplanen

Mit der ersten Umsetzung wird das Briefing überprüfbar. Starte die Website, vergleiche sie mit deinen Anforderungen und formuliere einzelne Korrekturen. Prüfe zunächst, ob Links und Navigation funktionieren. Danach kannst du Bewegungsabläufe, Abstände und andere gestalterische Details verfeinern.

Ein Prompt passt zu dir, wenn du eine bestimmte Richtung suchst und die Umsetzung mit beurteilen kannst. Assistent, Werkzeuge, Medien und spätere Entscheidungen beeinflussen das Ergebnis. Ein Prompt allein garantiert keine identische Nachbildung einer Referenz. Auch die mobile Darstellung sollte Teil deiner Abnahme sein.