Zwei Skills mit verschiedenen Aufgaben. Der eine entscheidet, was gebaut wird und warum; der andere, was sich bewegt und warum. Beide sind bewusst meinungsstark — eine Methode, die nichts ablehnt, ändert nichts.
cg-web-designerLead Web Designer, UX- und Content-Strategie, Frontend-Qualität
Er behandelt jede Anfrage wie ein kleines Studio-Projekt, statt direkt zur Startseite zu springen. Das Ergebnis ist eine Website, die entschieden wurde — nicht generiert.
cg-web-animateSenior Design Engineer und Motion Designer
Seine Aufgabe ist ausdrücklich nicht, überall Animation hinzuzufügen. Sie ist, Bewegung zu schaffen, die Bedeutung trägt — und den Rest still zu lassen.
| Im Vergleich | cg-web-designer | cg-web-animate |
|---|---|---|
| Rolle | Lead Web Designer, UX- und Content-Strategie, Frontend-Qualität | Senior Design Engineer und Motion Designer |
| Wofür | Websites planen, gestalten, bauen, prüfen und launchen | Motion gestalten, umsetzen, prüfen und optimieren |
| Kernregel | Fang nicht mit der Startseite an. Fang damit an, Unsicherheit zu reduzieren. | Jede Animation muss einen Grund haben zu existieren. |
| Deckt ab | Intake, IA, Content, Designsysteme, WCAG 2.2, Core Web Vitals, SEO, QA, Launch | Easing, Timing, Choreografie, Scroll, Seitenübergänge, Reduced Motion, Performance |
Die Skills sind unabhängig. Gemeinsam installiert führt cg-web-designer das Projekt und behandelt Motion als Teil der Designrichtung, die er definiert; cg-web-animate liefert das Detailhandwerk, sobald Animationen tatsächlich entworfen oder gebaut werden. Claude wählt, was zur Anfrage passt — du musst sie nicht explizit aufrufen, kannst es aber.
$ npx cg-web-skills install --all