Quellen, die Sites besser machen

Hero-, Carousel- und Agency-Prompts. Nur Free kopieren; Skin komplett umbauen.

Art-directed Website-Prompts plus Motion-Hintergründe. Preview gratis.

Dutzende volle Copy-Paste-Prompts, kommerziell nutzbar.

15 Meez-Prompts + SKILL.md für Cursor und Claude Code (MIT).

Kuratierte Kurzprompts für ChatGPT, Claude, v0, Cursor, Bolt, Lovable.

Bibliothek mit getesteten Website-Prompts, inkl. Branchenfiltern.

Landing-, Section- und App-Prompts für die gängigen Builder.

v0-Prompts für Dashboards, Auth, Tabellen, Landings.

Community-Index für v0-Prompts (GitHub).

Cinematic Heroes mit Video. Als Rezept, Skin ersetzen. Free-Builds auf GitHub.

51 CC0-Builds plus Agent-Skill. Kommerziell ohne Namensnennung.

Modulare Prompt-Bausteine (Layout, Motion, 3D) zum Kombinieren. MIT.

Landing-Prompts nach Branche. Kostenlose Templates zuerst, Rest hinter Abo.

Design-Blueprints nach Referenz-Ästhetik. Nicht 1:1 klonen, Tokens tauschen.

Tool-spezifische Prompts für Cursor, v0, Lovable, Windsurf.

Komponenten als Prompt plus Shader-Builder mit Gallery. Ein Block, Skin ersetzen.

Motion-lastige React/Tailwind-Blocks. Als Rezept, nicht als Dark-SaaS-Skin.

150+ Open-Source-Animationen für React + Tailwind + Motion.

Animierte React-Komponenten, Source zum Weitergeben an den Agenten.

Ruhigere shadcn-nahe Blocks. Tokens trotzdem überschreiben.

Copy-file React-Animationen, MIT. Reduced-motion selbst prüfen.

Micro-Motion-Cookbook (Emil Kowalski). Unterschwellig, nicht Aceternity-Spam.

shadcn-Registry. Gut für einzelne Controls, schlecht als ganzes Theme.

Zusätzliche shadcn-Komponenten. Defaults nicht ungeändert shippen.

Komponenten jenseits der shadcn-Doku-Optik.

Micro-interactions. Ein Wow pro Viewport, nicht fünf.

Motion-Komponenten und Tutorials. Ein Effekt, nicht die ganze Ästhetik.

Layouts und Animationen zum Kopieren in React-Projekte.

Einzelne CSS-Elemente. Qualität schwankt — auswählen, nicht stapeln.

Primitives. Unangetastete Defaults sind 2026 ein AI-Tell.

React-Animationen. Ein Effekt pro Viewport, reduced-motion prüfen.

Animierte React/Tailwind-Blocks. Companion zu shadcn — Skin trotzdem setzen.

Copy-Paste Tailwind-Sections. Defaults überschreiben.

React-Komponenten (ehem. NextUI). Nicht als ungeändertes Theme shippen.

Unstyled Primitives von MUI. Gut, wenn du Tokens selbst setzt.

React/Tailwind/Framer-Elemente. Qualität prüfen, nicht stapeln.

Fertige shadcn-Sections. Tokens und Copy ersetzen, sonst erkennt man den Block.

Interaktive WebGL-Scenes mit Live-Preview. Eine Scene, Farben mappen, auf Mobile pausieren.

Animierte Gradients im Browser. Als Still exportieren oder ein Live-Shader.

Vektor-Motion (Graphen, Linien) wie in teuren Agency-Heroes. Nur freie Files, Poster-Fallback.

Lottie/dotLottie mit Preview. Runtime selbst hosten, reduced-motion = Still.

3D-Objekte mit Preview. Nur object-led. Auf dem Handy oft zu schwer — Still.

ScrollTrigger ist frei. Eine Timeline, JS selbst hosten. Kein SplitText auf jeder Headline.

Layout- und Micro-Animation (ehem. Framer Motion). Kein Fade-up-Preset überall.

Smooth Scroll. Auf iPhone oft der Bruch — unter 768px aus, native Scroll behalten.

SVG-Wellen und Gitter ohne JS. Eine Textur in der Markenfarbe, kein Candy-Blob.

Grain, Noise, Dither — unterschwellige Overlays. Preview auf der Site.

MIT-GLSL als React-Wrapper, Live-Preview. Ein Shader, freeze bei reduced-motion.

Live-Gallery mit Shader-Previews. Ein Ambient, Tokens mappen, auf dem Handy oft Still.

Gratis Stock-Video mit Preview. Als Poster/Still, kein 4K-Autoplay auf dem Handy.

CSS-Grain auf Farbe — unterschwellig. Kein Vollbild-Chaos.

Referenz für Hierarchie und Motion. Nicht pixelweise nachbauen.

Framer/Figma-Library. Nur als visuelle Richtung, nicht als Clone.

Kuratierte, oft typografisch starke Sites.

Study: Foto-Ebenen, Rive-Ambient, echte Proofs, eine CTA. Nicht klonen. Handy = Lenis/Canvas/Overflow prüfen.

Interaktion und Typo als Rezept. Demo-Skin ersetzen, Performance prüfen.

Alternative Webästhetik — gut gegen SaaS-Median.

Landingpage-Galerie nach Branche und Layout.

Landing-Screenshots. Eine Struktur ableiten, nicht den Hero klauen.

One-Pager. Gut für First-Seconds-Klarheit.

Langjähriges CSS-Archiv, filterbar nach Style.

Dichte, oft experimentelle Homepages.

Echte Product-UI-Patterns (Apps/SaaS), nicht Marketing-Slop.

App-Flows. Für Web-Apps nützlicher als Dribbble-Heroes.

Craft-lastige Sites. Motion nur übernehmen, wenn es die Story trägt.

Historisch starke digitale Kampagnen und Sites.

Unabhängige Site-of-the-day-Auswahl.

Gegen SaaS-Median. Rohheit ist eine Entscheidung, kein Default.

Ruhige, oft type-led Referenzen.

Landing-Galerien nach Pattern. Eine Struktur, nicht den Hero klauen.

Award-Sites, filterbar. Motion nur wenn sie die Story trägt.

Kuratierte Site-of-the-day-Auswahl.

SaaS-Landings. Nützlich zum Vermeiden der gleichen Hero-Formel.

Produkt-Flows (Onboarding, Checkout). Besser als Dribbble-Heroes.

Feldkatalog der visuellen KI-Tells inkl. design-rules.md für Agenten.

Objektive Checks: Hex, Hero-Formel, drei Karten, Geist als Inter.

Warum Modelle den Median bauen, nicht „schlechte Farben“.

Pattern-Katalog generierter UI.

Strukturelles Slop auf Content-Seiten (Stat-Blöcke, Card-Grids).

HIG-Prinzipien für Agenten. Branding nicht klonen.

Rules und Plugins. Qualität prüfen, bevor du sie als System promptest.

Installierbare Agent-Skills (npx skills add …).

Builder. Ohne Lock-Prompt kommt Geist + shadcn-Default.

Viele MotionSites-Prompts zielen hierhin. Skin trotzdem ersetzen.

Full-stack im Browser. Gleiche Default-Falle wie v0.

Sitemaps und Wireframes zuerst — verhindert Section-Spam.

Agent-IDE. Ohne Lock-Prompt dieselbe Default-Falle wie Cursor.

Lange Specs halten besser als in kurzen Chat-Buildern. DESIGN.md zuerst.

Allgemeine Prompt-Technik. Kein Ersatz für Design-Lock.

Paarungen, Skalen, verbotene Defaults. Paid Fonts nur mit Lizenz.

Cabinet Grotesk, Switzer, Satoshi. Herunterladen und selbst hosten.

npm-Pakete mit woff2 — self-host ohne Google-CDN.

Paarungen in der Wildbahn. Paid Fonts nur mit Lizenz.

Indie-Releases im Werden. Alternative zu Inter/Geist, lizenzieren.

Maß, Satz, Hierarchie — bevor du Tokens wählst.

Fluid type mit Mobile-Max (clamp). Gegen html-font-size:vw, das auf dem Handy riesig bleibt.