Claude Code Skills.
Eigene Claude Skills, für dich nutzbar.
Ein Claude Code Skill ist ein wiederverwendbarer KI-Workflow, einmal sauber dokumentiert, danach beliebig oft nutzbar. Ich baue die Skills, die ich selbst täglich brauche, und gebe die her, die für andere genauso nützlich sind.
KI-Skill
Premium Landing Page
Baut eine Premium-Dark-Landingpage im Tobeworks-eigenen Design-System: Vue 3, Ghost-Number-Cards, Hairline-Dividers, extralight Typografie. Der Skill dokumentiert das komplette Design-System selbst, die Seite zeigt es live.
Ansehen$ claude
> Bau mir eine Premium-Landingpage für mein neues Produkt.
✓ Premium Landing Page-Skill geladen
KI-Skill
Cinemagraph Section
Animiert ein Foto per KI und baut eine Sektion, die beim Reinscrollen einmal abspielt und beim Rausscrollen zum Standbild zurückspringt, kein Loop, keine Endlosschleife. Live-Beispiele zum Anschauen.
Ansehen$ claude
> Verwandle dieses Foto in einen Cinemagraph und bau eine Sektion, die beim Scrollen animiert.
✓ Cinemagraph Section-Skill geladen
KI-Skill
Scroll World Pro
Baut eine Scroll-Kinematic-Landingpage: die Kamera fliegt beim Scrollen schnittlos von Szene zu Szene, wie bei Apples Produktseiten, nur komplett KI-generiert statt aufwendig gefilmt. Framework-unabhängige Engine, läuft in Astro, Next.js, Vue oder purem HTML.
Ansehen$ claude
> Bau eine Scroll-Kinematic-Landingpage, die durch drei Szenen meines Produkts fliegt.
✓ Scroll World Pro-Skill geladen