Lumen-Agentur-Landing-Pagev1.0.3
Nutze diesen Skill für: Webseite erstellen.
Im Kommen
5.032 Downloads1 Likes0-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Eine helle, konkrete Agenturseite, die das Handwerk eines Studios über Belege verkauft: ein ruhiger, zentrierter Hero mit einem einzigen Verlauf von Petrol zu Blau auf den entscheidenden Wörtern, dann ausgewählte Arbeiten, bei denen jedes Projekt ein Foto aus der Welt des Kunden mit einem Browserfenster des Produkts kombiniert, das das Studio gebaut hat. Kundenzitate auf einem Fadenkreuzraster, sechs Leistungskarten, ein klarer Prozess mit ehrlichen Preisen, das Team, FAQ und ein dunkles Kontaktpanel mit funktionierendem Anfrageformular runden die Seite ab.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Ein vollständiger Agentur-One-Pager in einer eigenständigen HTML-Datei, die offline öffnet, wobei Case Studies und Rechtstexte in Dialogen statt auf separaten Seiten erscheinen
- Ein Recent-Work-Showcase mit Kategoriefiltern und Zählern, einer Archivliste und Case Studies mit Auftrag, Umsetzung, drei Kennzahlen und einem Kundenzitat
- Sechs Leistungskarten, Prozessschritte mit Wochenangaben, Zusammenarbeitsmodelle mit Preisen, Team, FAQ und ein Anfrageformular, das validiert und eine Erfolgszusammenfassung zeigt
Passt gut für
- Design- und Entwicklungsstudios, Freelancer und kleine Beratungen, die ihr Handwerk über ausgewählte Arbeiten und Kundenbelege verkaufen
- Teams, die eine Hire-us-Seite auffrischen, die echte Projektzahlen, Preise und einen klaren Kontaktweg braucht
- Büros, die eine helle Seite zum Teilen wollen oder dasselbe Design in ihrem eigenen Next.js-, Vue-, Svelte- oder Astro-Projekt
Nicht geeignet für
- SaaS-Produktseiten, die um Feature-Raster und Plantabellen aufgebaut sind; dafür passt ein SaaS-Landing-Page-Skill besser
- Marken, die einen dunklen, düsteren oder maximalistischen Look wollen: Die Seite bleibt hell, mit einem dunklen Kontaktpanel und ohne Dark Mode
- Mehrseitige Websites mit Blog oder CMS: Dies ist bewusst ein One-Pager mit Dialogen für Case Studies und Rechtstexte
Corporate Design & MarkenidentitätSales-Angebote & FundraisingWebdesign & digitale ErlebnisseWebseite erstellenLanding Page erstellenStil fixiertBearbeitbares ErgebnisStrahlend weißes MinimalTypografie mit VerlaufsakzentRastermuster-HintergründeVerspielt-professionellPortfolio-Reihen
Über diesen Skill
Nenne den Namen deines Studios, ein paar Projekte und was du anbietest, und du bekommst eine helle Agenturseite: weißer Grund, ein einziger Verlauf von Petrol zu Blau auf den entscheidenden Wörtern der Headline und deine Arbeiten als Foto aus der Welt jedes Kunden neben einem Browserfenster des Produkts, das du gebaut hast. Du bekommst eine eigenständige Datei, die in jedem Browser öffnet und offline funktioniert.
Das bekommst du
- Ein vollständiger One-Pager: Hero, Kundenzitate, Recent Work mit Filtern und Archiv, Leistungen, Prozess, Preise für Zusammenarbeitsmodelle, Team, FAQ und ein dunkles Kontaktpanel
- Case Studies, die sich direkt an Ort und Stelle öffnen, mit Auftrag, dem Gebauten, drei Kennzahlen und einem Kundenzitat
- Ein Anfrageformular, das validiert, einen Ladezustand zeigt und mit einer Zusammenfassung bestätigt, dazu ein Newsletter und ein Button zum Kopieren der E-Mail-Adresse
- Bricolage Grotesque, Instrument Sans und Geist Mono eingebettet, mit ruhigen Einblendungen und einem Mint-Schimmer, der dem Cursor über die Leistungskarten folgt
- In deiner eigenen Codebasis dieselbe Seite als Komponenten in deinem Stack
So nutzt du es
- Nenne deinen Studionamen, ein Versprechen in einem Satz, zwei bis vier Projekte mit je einem Ergebnis und deine Leistungen; grobe Notizen reichen
- Hänge Kundenfotos und Porträts an, falls vorhanden; andernfalls werden sie generiert, und jedes Projektfenster wird aus den Daten deines Projekts neu aufgebaut
- Öffne die fertige Datei im Browser und wünsche dir Änderungen an Texten, Projekten oder Preisen in einfachen Worten
Generierte Fotos nutzen das Bildtool deines Agenten, wofür dessen Nutzungskosten anfallen können. Schriften und Bilder sind eingebettet, sodass die fertige Datei keine Netzwerkanfragen stellt.
Was du vorab brauchst
- Du bringst mit
- Studioname, Versprechen in einem Satz und drei Kompetenzen · 2–4 Showcase-Projekte mit einer Ergebniszahl sowie sechs Leistungen und dein Prozess oder deine Preise · Optional: Testimonials, Kundenfotos, ein Teamfoto und Kontaktdaten
- 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 · Optional: ein Bildgenerierungstool in deinem Agenten für Kunden-, Porträt-, Team- und Prozessfotos
- Externe Kosten
- Fotos aus der Welt der Kunden, Porträts, das Teamfoto und das Prozessdetail werden mit dem eigenen Bildtool deines Agenten generiert, wenn du sie nicht lieferst, wofür dessen Nutzungskosten anfallen können. Testimonials ohne Porträt erhalten stattdessen Monogramme.
- Zuletzt getestet
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …