
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehenDas bekommst du
- Startseite, Services, Preise mit drei Paketseiten, Work mit sechs Case Studies, About, Prozess, Kontakt mit Briefing-Formular, AGB und eine gestaltete 404-Seite
- Der markante Look: Schibsted Grotesk kombiniert mit Newsreader Italic, ein blau getöntes Freisteller-Porträt, ein funktionierender Hell-/Dunkel-Schalter und ein Band fallender Pills
- Case Studies mit Produkt-Screens in Smartphone- und Browser-Rahmen, Paketvergleiche, FAQs, Work-Filter und Suche, alles in einer Datei, die offline läuft
Passt gut für
- Selbstständige Designer, die Festpreis-Pakete verkaufen und einen mutigen, editorialen ersten Eindruck wollen
- Freelance-Entwickler, Brand-Designer und Berater, die ihre Angebote auf Services, Pakete und Case Studies abbilden können
- Alle, die heute eine fertige mehrseitige Website wollen, die sie lokal öffnen oder als einzelne Datei veröffentlichen können
Nicht geeignet für
- Echte Zahlungen oder Buchungen: Briefing-Formular und Paket-Buttons bestätigen nur auf der Seite, für die Zustellung brauchst du dein eigenes Backend
- Agenturen mit großen Teams; das Layout ist auf eine Person, ein Porträt und eine Stimme ausgelegt
- Gedeckte oder mehrfarbige Paletten; der Stil besteht aus Weiß, Tinte und einem einzigen Kobaltblau
Corporate Design & MarkenidentitätWebdesign & digitale ErlebnisseWebseite erstellenPortfolio-Website erstellenStil fixiertBearbeitbares ErgebnisEditoriale SerifKobalt-MonochromDuotone-PorträtHell/Dunkel-UmschalterPill-Tags
Über diesen Skill

Mach aus deinen Services, Paketen und Projekten eine Designer-Website, die verkauft. Der Hero stellt dich mitten in die Headline: zwei kursive Serif-Wörter über einem riesigen Kobalt-Wort, geteilt von deinem blau getönten Porträt, dazu ein Header-Pill, das wirklich zwischen Hell und Dunkel umschaltet. Die gesamte Website, von Services bis AGB, kommt als eine Datei, die offline in jedem Browser öffnet.

Das bekommst du
- Eine Startseite mit vollem Kobalt-Band, in dem weiße Service-Pills herabfallen und sich zu einem Stapel sammeln, dazu ein Preisraster, ausgewählte Arbeiten, eine Prozessleiste und Kundenstimmen
- Services mit Startpreisen, Preise mit einer Seite pro Paket und direktem Vergleich sowie Work mit Filtern, Suche und sechs Case Studies
- Case Studies, die Produkt-Screens in Smartphone- und Browser-Rahmen über jedem Projektbild zeigen
- About, Prozess, Kontakt mit validiertem Briefing-Formular und Terminen für Kennenlern-Calls, AGB und eine gestaltete 404-Seite
- Schibsted Grotesk und Newsreader Italic sind zusammen mit allen Bildern eingebettet, sodass die Seite keine Netzwerkanfragen stellt

So nutzt du es
- Gib dem Skill deinen Namen, deine Disziplin, die Hero-Wörter, deine Services, zwei bis vier Pakete, einige Projekte und deine Kontaktdaten.
- Er füllt jede Seite, entwirft fehlende Inhalte in selbstbewusster Ich-Form und listet diese Entwürfe zur Bestätigung auf.
- Öffne die Datei in beiden Themes, klick dich durch alle Seiten und beschreibe Änderungen einfach in eigenen Worten.

Dein Porträt und neue Projektbilder kommen von dir oder vom Bildtool deines Agenten, für das eigene Nutzungskosten anfallen können.
Was du vorab brauchst
- Du bringst mit
- Dein Name, eine Wortmarke aus einem Wort, deine Disziplin, zwei kursive Hero-Wörter und ein Kobalt-Wort · Sechs bis zwölf Services mit Preisen sowie zwei bis vier Pakete mit Preis, Zeitrahmen und Leistungen · Projekte mit Kunde, Rolle, Problem, Ansatz und Ergebnis sowie Kontaktdaten und Verfügbarkeit
- Abhängigkeiten
- Node.js 18 oder neuer auf dem Rechner deines Agenten, um das mitgelieferte Skript auszuführen, das die einzelne Offline-Datei baut · Internetzugang während des Builds, damit die Schriften einmal heruntergeladen und eingebettet werden können · Ein Bildtool in deinem Agenten für Porträt, Projektbilder und Studiofotos; optional, wenn du eigene lieferst
- Externe Kosten
- Bilder, die du nicht selbst lieferst, werden mit dem Bildtool deines Agenten generiert, wofür dessen Nutzungskosten anfallen können. Neutrale Studiofotos liegen dem Skill bei, die Case-Study-Screens werden im Code gezeichnet, und die fertige Seite stellt keine Netzwerkanfragen. Das Ansehen des Beispiels kostet nichts.
- Zuletzt getestet
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …









