prmvanschie

Animatie — Development skill for Claude Code

Development community

Level 9. Rustige animaties toevoegen met Motion.

How to install Animatie

Installs to ~/.claude/commands/prmvanschie-coaching-website-kit-animatie.md

Terminal

mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/prmvanschie/coaching-website-kit/HEAD/.claude/commands/animatie.md -o ~/.claude/commands/prmvanschie-coaching-website-kit-animatie.md

Restart Claude Code, or start a new session, for it to be picked up.

What Animatie does

description: Level 9. Rustige animaties toevoegen met Motion

Level 9: Animatie

**Doel:** een paar rustige animaties die de site levendig maken zonder af te leiden. **Nieuwe begrippen:** server- en client-componenten, `prefers-reduced-motion`, performance.

1. Eerst kijken

Vraag: "Welke drie momenten op de site zouden er beter van worden als er iets beweegt?" Laat hem de site doorlopen en kiezen.

Geef daarna de richtlijn voor een coachingsite: kalm en warm. Goede kandidaten:

Alternatives in Development

Project-Level Skills — This directory contains skills for developing and maintaining the claude-mem project itself, not skills that a 39.3k ★
Microsandbox — Open-source self-hosted MicroVM sandboxes with sub-200ms startup, hardware-level isolation via libkrun 5k ★
Fidelity — Measure how faithfully a clone reproduces a site — pixel-diff plus motion-fidelity into one 0-100 score, a let 3.6k ★