Das Wichtigste in Kürze
Am Ende hast du
Die Werkzeuge, die dich interessieren, sind installiert, und du weißt bei jedem, was es auf deinem Rechner tun darf
Du brauchst
- Claude Code oder Codex auf deinem Rechner (Installation im Tutorial „Deine erste App mit Claude Code“)
- Node.js für die meisten Installationen. Fehlt es, installiert Claude Code es auf Nachfrage.
- Für den Werbefilm-Skill: Guthaben bei Scenario für Musik und Töne
Worum es geht
In den KI-Agent-News KW44 stelle ich 8 neue Werkzeuge für Claude Code und Codex vor: Skills für Landingpages, Werbefilme und Videoschnitt, für technische Zeichnungen, App-Design und Dashboards und eine Sammlung, mit der drei KIs deinen Code gegenseitig prüfen. Hier liegen alle 8 an einem Ort, damit du die Links nicht aus dem Video heraussuchen musst.
Zu jedem Werkzeug findest du, was es kann, was es kostet und einen fertigen Satz für Claude Code. Den kopierst du, schickst ihn ab, und Claude installiert das Werkzeug für dich.
Schritt für Schritt
Design-Skill für Landingpages
Der Skill landing-page-design von elayadesign baut eine Landingpage von Grund auf. Er stellt dir zuerst ein paar Fragen zu deinem Angebot, plant dann den Aufbau der Seite und die Texte und legt Schriften, Abstände und Bewegung fest. Er läuft in Claude Code, Cursor und Codex und ist kostenlos (MIT-Lizenz).
Installiere mir den Skill landing-page-design aus https://github.com/elayadesign/ai-design-skills für Claude Code, nutzerweit für alle Projekte. Der Befehl laut Anleitung: npx skills add elayadesign/ai-design-skills --skill landing-page-design -g. Lies vorher die SKILL.md und sag mir in zwei Sätzen, was der Skill auf meinem Rechner tut.Danach beschreibst du einfach, welche Seite du brauchst.
Motionsites: Landingpages mit Hero-Video
Mit dem Skill von Motionsites baut Claude Landingpages mit eingebauten Hero-Videos, also den bewegten Bildern ganz oben auf der Seite. Er bringt 40 Beispiel-Prompts und über 50 Videos mit. Danach macht Claude Screenshots von der eigenen Seite und bessert nach, bis alles so aussieht wie geplant. Der Skill ist kostenlos. Die Beispiele und Videos darin sind laut Anbieter eine Auswahl, die volle Bibliothek kostet extra.
Installiere mir das Plugin motionsites-web-builder aus https://github.com/Motionsites-AI/claude-skill. Laut Anleitung geht das mit /plugin marketplace add Motionsites-AI/claude-skill und danach /plugin install motionsites-web-builder@motionsites. Richte auch Playwright ein, damit du dir deine Seiten selbst ansehen kannst. Sag mir vorher, was das Plugin auf meinem Rechner ausführt.Kostenlos im Lab weiterlesen
Die restlichen 6 Schritte, alle Prompts und die Dateien zu diesem Tutorial gibt es kostenlos für Mitglieder.
- Die komplette Schritt-für-Schritt-Anleitung
- 8 Prompts zum Kopieren
- Fragen stellen und mitreden im Stammtisch
Keine Zeit zum Nachbauen?
Ich setze die Lösung für dich um oder schule dich und dein Team. Im kostenlosen Erstgespräch klären wir, was passt.
