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
Verwandelt ein Foto per KI in einen kurzen Loop, eine Blüte öffnet sich, Dampf steigt auf, ein Porträt blinzelt zurück, und baut eine Sektion, die beim Scrollen animiert und beim Rausscrollen zurückspringt. Sechs 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