Willst du Claude richtig lernen? Von Grund auf, mit Setup, Skills und echten Projekten.
Zur SKAILE Academy →Claude kann Oberflächen bauen. Aber ohne Vorlage erfindet es jedes Mal neu, was es schon tausendfach gibt. Diese fünf Seiten geben ihm das Material: fertige Komponenten, Animationen und Diagramme, die andere Entwickler gebaut und getestet haben.
Alle fünf sind kostenlos und quelloffen. Unten stehen die genauen Links und der Befehl, mit dem Claude direkt auf die grösste Sammlung zugreift.
Sterne und Lizenz sind über die GitHub-API geprüft, Stand 26. Juli 2026.
Die Animations-Engine. Bewegung von Elementen, Zahlen, SVG-Pfaden und Farben, alles über eine einzige API. Wenn du Claude sagst, es soll etwas animieren, ist das die Bibliothek, die die Arbeit macht.
Für Claude: Keine eigene Claude-Schnittstelle. Nimm die Doku-URL mit in den Prompt.
animejs.com →Für Übergänge und alles, was sich flüssig anfühlen soll. Gestik, Layout-Wechsel, Ein- und Ausblenden. Läuft mit React und mit reinem JavaScript.
Für Claude: Liefert eine llms.txt, die Claude direkt lesen kann.
motion.dev →Über 100 fertige Komponenten zum Kopieren. Gebaut auf React, Tailwind und Motion. Du beschreibst, was du brauchst, und setzt den fertigen Baustein ein statt ihn zu erfinden.
Für Claude: Liefert llms.txt und eine vollständige llms-full.txt.
kokonutui.com →Diagramme und Dashboards. Flächen-, Balken-, Linien-, Torten- und Radar-Diagramme, die sich beim Datenwechsel weich umbauen statt zu springen. Setzt auf shadcn/ui auf.
Für Claude: Keine eigene Claude-Schnittstelle. Doku-URL in den Prompt geben.
bklit.com →Das Grundgerüst: Buttons, Tabellen, Formulare, Dialoge. Nicht als Abhängigkeit, sondern als Code, der in dein Projekt wandert und dir gehört.
Für Claude: Hat als einzige einen echten MCP-Server. Claude sieht damit alle Komponenten direkt.
ui.shadcn.com →Links allein helfen Claude wenig. Es gibt zwei Wege, damit es die Komponenten wirklich kennt, statt sie zu erraten.
npx shadcn@latest mcp init --client claude
Danach Claude Code neu starten. Ab dann kennt es alle Komponenten aus der shadcn-Registry und baut sie direkt ein.
Lies https://motion.dev/llms.txt und https://kokonutui.com/llms.txt. Baue mir damit eine Preisübersicht mit drei Karten, die beim Erscheinen sanft von unten einblenden.
Motion und KokonutUI liefern eine llms.txt, also eine Fassung ihrer Doku, die für Sprachmodelle gemacht ist. Claude liest sie und benutzt die echten Bausteine.
Den Befehl von oben im Projektordner ausführen, Claude Code neu starten. Das ist das Grundgerüst, auf dem alles andere aufsetzt.
Beschreibe die Seite, die du willst. Claude greift auf die Registry zu und setzt Buttons, Tabellen und Formulare aus fertigen Bausteinen zusammen.
Jetzt die llms.txt von Motion dazugeben und sagen, was sich wie bewegen soll. Für einzelne Elemente und Zahlen ist Anime.js die richtige Wahl.
Für Diagramme und Auswertungen Bklit UI dazunehmen, für auffällige Einzelteile KokonutUI. Beides setzt auf shadcn auf, passt also ohne Umbau dazwischen.
Diese fünf Seiten sind Werkzeug. In der SKAILE Community lernst du Claude Code von Grund auf: das richtige Setup, die besten Skills und Plugins, echte Projekte statt nur chatten. Genau für Leute, die gerade anfangen und es richtig machen wollen.
SKAILE Community →