Skillry Pick
Orbit Startup-Landing-Pagev1.0.4
Nutze diesen Skill für: Landing Page erstellen.
Im Kommen
5.033 Downloads0 Likes0-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Baue eine Startup-Landing-Page mit sichtbarer Persönlichkeit: eine warme, gebrochen weiße Seite, auf der orange-goldene Lichtstrahlen durch den Hero fallen und auf einem gerahmten Live-Produkt-Dashboard funkeln, eine Navigationsleiste, die zur schwebenden Pille schrumpft, und ein Footer mit riesiger Wortmarke. Darauf folgen geschichtete Bento-Karten mit animierter Anfrage-Pipeline und rotierendem Globus, eine Einrichtungsanleitung, eine Kundenstory, Preise, FAQ sowie Begleitseiten für Registrierung, Demo, Early Access, Changelog und Rechtliches – in hellem und dunklem Theme, als eine eigenständige Datei.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Eine fertige Beispiel-Website für Solvine, einen fiktiven KI-Terminassistenten: die Landing Page plus Registrierung, Anmeldung, Demo, Early Access, Changelog, Datenschutz, AGB und eine 404-Seite.
- Live-Produkt-UI in deinem Vokabular: ein Hero-Dashboard mit hochzählenden Werten, eine erneut abspielbare Anfrage-Pipeline, Posteingang, rotierender Globus, Insight-Chart, Einrichtungs-Tabs und ein Preis-Umschalter.
- Deine Website als eine Offline-Datei mit eingebetteten Schriften Instrument Sans und Geist Mono, hellem und dunklem Theme, redaktionellen Fotos und den Stilregeln, nach denen dein Agent baut.
Passt gut für
- Gründer, die ein neues Produkt oder eine Warteliste vorstellen und Animationen wollen, die im Pitch oder Launch-Post gut wirken.
- Produktivitäts-, Terminplanungs- oder Entwickler-Tools, deren Produktoberfläche die Story tragen kann.
- Kleine Teams, die Preise, Changelog, Registrierung und Rechtliches im selben Stil brauchen.
Nicht geeignet für
- Websites, die ein CMS oder einen Blog brauchen; es entsteht eine Landing Page mit einigen Begleitseiten.
- Marken, die ihr eigenes Designsystem beibehalten müssen; die warmen Neutraltöne, tintenschwarzen Buttons und Lichtstrahlen sind das Produkt.
- Echte Registrierungen oder Zahlungen: Formulare validieren und bestätigen auf der Seite, senden aber nichts ab, bis du einen Dienst anbindest.
Produktlaunch & App-WachstumWebdesign & digitale ErlebnisseLanding Page erstellenStil fixiertBearbeitbares ErgebnisLichtstrahl-AnimationBento GridKlar-neutralDual Theme
Über diesen Skill
Beschreibe dein Produkt und erhalte eine Startup-Landing-Page mit Persönlichkeit: Warme orange-goldene Lichtstrahlen fallen durch den Hero und funkeln auf einem gerahmten Produkt-Dashboard, die Navigationsleiste schrumpft zur schwebenden Pille, und der Footer verabschiedet sich mit deinem Namen in riesigen Buchstaben. Das Beispiel ist Solvine, ein fiktiver KI-Terminassistent für vielbeschäftigte Teams.
Das bekommst du
- Eine Landing Page mit Hero, Kundenlogos, Feature-Bento, Einrichtungsanleitung, Fokus-Story, Kundenstory, Testimonials, Sicherheit, Preisen, FAQ und einem Call-to-Action für Testphase oder Warteliste
- Begleitseiten für Registrierung, Anmeldung, Demo, Early Access, Changelog, Datenschutz und AGB sowie eine gestaltete 404-Seite
- Eine in Code gezeichnete Produktoberfläche, umbenannt auf dein Produkt: Dashboard, Anfrage-Pipeline, Posteingang, Globus und Insight-Chart
- Helles und dunkles Theme, redaktionelle Fotos und eingebettete Schriften in einer Datei, die offline öffnet
So nutzt du es
- Teile Produktname, was es tut, vier Fähigkeiten und deine Tarife; grobe Notizen reichen.
- Dein Agent benennt jedes Panel in das Vokabular deines Produkts um, fügt Fotos hinzu und prüft beide Themes auf Desktop und Smartphone.
- Öffne die einzelne Datei, klick dich durch die Seiten und beschreibe Änderungen in eigenen Worten.
Fotos, die mit dem Bildtool deines Agenten erstellt werden, können dessen Nutzungskosten verursachen; ohne Bildtool treten gestaltete Panels und Monogramm-Avatare an ihre Stelle.
Was du vorab brauchst
- Du bringst mit
- Produktname, was es für wen tut und das eine Ergebnis, das es verspricht · Vier Fähigkeiten, drei Einrichtungsschritte und zwei bis vier Tarife mit echten Limits · Optional: FAQ-Antworten, Kundenzitate, Kennzahlen für die Story und Fotos, die du verwenden darfst
- 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 Bildgenerierungstool in deinem Agenten für redaktionelle Fotos und Porträts (optional; ohne es werden gestaltete Panels verwendet)
- Externe Kosten
- Redaktionelle Fotos und Porträts werden mit dem eigenen Bildtool deines Agenten generiert, wofür dessen Nutzungskosten anfallen können. Ohne Bildtool werden stattdessen gestaltete Panels und Monogramm-Avatare verwendet.
- Zuletzt getestet
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …