Molten Glass Landing Pagev1.0.3
Nutze diesen Skill für: Webseite erstellen.
Im Kommen
5.032 Downloads0 Likes0-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Baue eine Studio-Website mit einem ersten Screen, der sich bewegt: lebendiges Riffelglas, in das von den Rändern heißes oranges Licht drückt, hinter einer ruhigen, unten fixierten Statement-Headline. Pill-Navigation, nummerierte Abschnitte, ausgewählte Arbeiten mit Case-Study-Seiten, Services, Engagements mit Währungsumschalter, Testimonials, Team, Journal-Artikel, FAQ und ein validiertes Projekt-Briefing führen zu einem fast schwarzen Footer mit riesiger Wortmarke. Du bekommst eine eigenständige Datei, die in jedem Browser öffnet, offline funktioniert und auch dort fertig aussieht, wo die Animation nicht laufen kann.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Ein Live-Hero aus Riffelglas mit oranger Glut an den Rändern, Filmkorn und einem dreizeiligen Statement, dazu ein fertiges Standbild-Fallback und ein ruhiger Modus für reduzierte Bewegung
- Eine komplette Studio-Website: Studio, ausgewählte Arbeiten und ein durchsuchbarer Projektindex, Service-Tabs, Prozess, Engagements, Testimonials, Team, Journal, FAQ und ein Formular für das Projekt-Briefing
- Case-Study-Seiten, Journal-Artikel, Datenschutz, AGB und eine Not-found-Seite mit Webfonts und nach Rolle geplanten Fotos, alles in einer Offline-Datei
Passt gut für
- Design-, Branding- und Engineering-Studios, die einen hochwertigen, lebendigen ersten Screen wollen, ohne an Lesbarkeit zu verlieren
- Freelancer und kleine Agenturen, die ein Portfolio mit echten Case Studies, klaren Engagement-Preisen und einem Briefing-Formular launchen
- Produktteams, die eine helle, gläserne Launch-Website wollen und Arbeiten, Services und Engagements auf Kunden, Features und Pakete übertragen können
Nicht geeignet für
- Dunkle, düstere Marken: Die Seite bleibt hell papiergrau mit genau einer dunklen Fläche, dem Footer
- Websites, die ein CMS oder Dutzende Seiten brauchen: Case Studies und Journal-Beiträge liegen als statische Daten in der Seite
- Seiten, die mit deaktiviertem JavaScript funktionieren müssen: Text und Layout erscheinen weiterhin, aber Glasanimation, Menüs und Formulare brauchen es
Corporate Design & MarkenidentitätWebdesign & digitale ErlebnisseWebseite erstellenLanding Page erstellenStil fixiertBearbeitbares ErgebnisHelles MinimalRiffelglasKörniger VerlaufShader-beleuchtet
Über diesen Skill
Molten Glass Landing baut eine Studio-Website, deren erster Screen lebt: helles, papiergraues Licht hinter geriffeltem Glas, während von den Rändern heiße orange Glut hereindrückt. Darunter folgt eine ruhige, redaktionelle Website mit nummerierten Abschnitten, echten Case-Study-Seiten und einem funktionierenden Projekt-Briefing. Das Beispiel ist Arclune, ein fiktives Design- und Engineering-Studio.
Das bekommst du
- Ein Live-Glas-Hero mit fertigem Verlaufs-Fallback, einem Standbild für reduzierte Bewegung und Buttons, deren Beschriftung beim Hovern rollt
- Abschnitte der Startseite: Studio mit hochzählenden Kennzahlen, ausgewählte Arbeiten und ein durchsuchbarer Projektindex, Service-Tabs, Prozess, Engagements mit Währungsumschalter, Testimonials, Team und offene Stellen, Journal, FAQ und ein Projekt-Briefing
- Case-Study-Seiten mit Ergebnissen und Credits, Journal-Artikel, Datenschutz, AGB und eine Not-found-Seite
- Ein fast schwarzer Footer mit riesiger Wortmarke und eine Datei, die in jedem Browser öffnet und offline funktioniert
So nutzt du es
- Teile deinen Studionamen, ein Positionierungsstatement in einem Satz und mindestens zwei Vorzeigeprojekte mit je einem messbaren Ergebnis.
- Dein Agent füllt jeden Abschnitt und jede Case Study, plant und generiert die Fotos und entwirft alles Fehlende zur Bestätigung durch dich.
- Öffne die Datei, klick dich durch jede Case Study, jeden Tab und jedes Formular und bitte in einfachen Worten um Änderungen.
Fotos kommen aus dem Bildtool deines Agenten, das Nutzungskosten verursachen kann, oder aus deiner eigenen Bibliothek. In einem bestehenden Framework-Projekt baut der Agent dasselbe Design als Komponenten in deinem Stack.
Was du vorab brauchst
- Du bringst mit
- Studio- oder Markenname und ein Positionierungsstatement in einem Satz · Mindestens zwei Vorzeigeprojekte mit je einem messbaren Ergebnis in einer Zeile · Disziplinen, Engagement-Konditionen oder Preise, Team-Leads und Kontaktdaten (optional; Lücken werden zur Bestätigung entworfen)
- 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 Studio-, Projekt- und Teamfotos (optional; die Seite liest sich auch mit Platzhaltern oder eigenen Fotos korrekt)
- Externe Kosten
- Studio-, Projekt- und Teamfotos werden mit dem eigenen Bildtool deines Agenten generiert, wenn du neue möchtest, was dessen Nutzungskosten verursachen kann. Du kannst stattdessen eigene Fotos liefern oder Platzhalter behalten. Sonst wird kein kostenpflichtiger Dienst genutzt.
- Zuletzt getestet
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …