Hero mit Tuschegratv1.0.3
Nutze diesen Skill für: UI-Visuals erstellen.
Im Kommen
5.034 Downloads2 Likes3-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Hero mit Tuschegrat: ein Hero-Abschnitt zum direkten Einfügen, geliefert als bearbeitbarer Quellcode samt Anwendungsbeispiel. Er kommt mit einem per Canvas gerenderten Hintergrund, der ohne WebGL-Bibliothek läuft sowie Zuständen, die Besucher ändern und deren Reaktion sie direkt sehen. Farben, Typografie und Eckenradien liegen als Tokens vor, die du einmal für den ganzen Block anpasst.
Am häufigsten gewählt von
Aktualisiert am 31. Aug. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Der vollständige Quellcode für Hero mit Tuschegrat – die Komponentendatei plus ein lauffähiges Anwendungsbeispiel, bereit zum Einfügen und Bearbeiten.
- Ein schriftlicher visueller Vertrag: Farbpalette, Schriftskala, Eckenradius, Icon-Strichstärke und Animations-Timings, alles als Tokens, die du an einer Stelle bearbeitest.
- Der Hintergrund wird aus benannten Konstanten auf ein Canvas gezeichnet – ändere die Zahlen, um Form und Palette zu ändern.
Passt gut für
- Du brauchst einen Hero-Abschnitt und willst einen fertigen statt einer leeren Fläche.
- Der erste Screen soll schon beim Rendern komplett aussehen, mit bereits platzierten Bildern.
- Du willst lesbaren, bearbeitbaren Quellcode statt einer weiteren Abhängigkeit, die du aktuell halten musst.
Nicht geeignet für
- Teams mit einem ausgereiften Designsystem – diese Palette und Schriftskala würden mit deinen kollidieren.
- Alle, die ein versioniertes npm-Paket wollen; du bekommst Quellcode, den du selbst pflegst.
- Projekte, die Navigation, Formulare, Auth oder Checkout brauchen – nichts davon deckt dieser Block ab.
Corporate Design & MarkenidentitätProduktlaunch & App-WachstumWebdesign & digitale ErlebnisseUI-Visuals erstellenWebseite erstellenLanding Page erstellenBearbeitbares ErgebnisVisuell ausgefeiltEinsteigerfreundlichWarm-neutralPetrol-AkzentGenerativer Hintergrund
Über diesen Skill
Du fügst einen einzigen Block ein, und der obere Teil deiner Seite ist fertig – Headline, Unterzeile, Buttons und Artwork sitzen bereits stimmig nebeneinander. Nichts mehr zu layouten, nichts bleibt grau.
Das bekommst du
- Der vollständige Quellcode für Hero mit Tuschegrat – die Komponentendatei plus ein lauffähiges Anwendungsbeispiel, bereit zum Einfügen und Bearbeiten.
- Ein schriftlicher visueller Vertrag: Farbpalette, Schriftskala, Eckenradius, Icon-Strichstärke und Animations-Timings, alles als Tokens, die du an einer Stelle bearbeitest.
- Der Hintergrund wird aus benannten Konstanten auf ein Canvas gezeichnet – ändere die Zahlen, um Form und Palette zu ändern.
So nutzt du es
- Sag deinem Assistenten, wo der Abschnitt hin soll: Er liest zuerst dein Projekt und schreibt den Block dann so, wie dieses Projekt bereits geschrieben ist.
- Ersetze die Texte durch deine eigenen. Schriftgrößen und Abstände halten von selbst.
- Ändere die Akzentfarbe an einer Stelle, und der ganze Block zieht mit.
- Sieh es dir vor dem Livegang auf dem Smartphone an. Es ist bereits so gebaut, dass es dort funktioniert.
Was du vorab brauchst
- Zuletzt getestet
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …