ki.pilot
← Alle Guides
Premium-Guide · für dich kostenlos

5 Design-Skills für Websites, die teuer aussehen

Three.js, Scroll-Animationen, Micro-Interactions — die Prompts für Claude Code.

  • 5 Design-Skills, die Websites teuer aussehen lassen
  • Fertige Prompts für Claude Code
  • Three.js, Scroll-Animationen, Micro-Interactions
100 % kostenlos · jederzeit abmeldbar.
19. Juli 2026 · ki.pilot

Die 5 Prompts

  1. 3D: „Füge eine dezente Three.js-3D-Szene in den Hero-Bereich ein, die auf Mausbewegung reagiert"
  2. Scroll: „Animiere die Sektionen mit GSAP ScrollTrigger: Elemente faden beim Scrollen ein, gestaffelt"
  3. Micro: „Füge Micro-Interactions hinzu: Hover-Effekte auf Buttons, sanfte Page-Transitions, Skeleton-Loading"
  4. Look: „Gestalte die Karten im Glassmorphism-Stil: Milchglas, feiner Rand, dezenter Glow auf dunklem Hintergrund"
  5. CSS: „Ergänze reine CSS-Animationen für Logo und Icons — ohne JavaScript, performance-schonend"

Lern-Reihenfolge

3 → 4 → 5 → 2 → 1 (von leicht nach anspruchsvoll). Micro-Interactions machen optisch sofort am meisten her.

Das war komplett kostenlos — und davon gibt es mehr.

Alle Guides bleiben gratis: keine Anmeldung, kein Haken. Wenn dir das geholfen hat, folge @ki.pilot auf TikTok & Instagram — dort erscheint zu jedem neuen Guide der passende Post.

Alle Guides ansehen @ki.pilot folgen