Wie Builder.io-Entwickler Claude Code nutzen (+ beste Tipps)

Steve Swell von Builder.io, der früher ein Cursor-Power-User war und mit dem Artikel How I use Cursor (+ my best tips) viel Aufmerksamkeit bekam, hat diesmal einen guten Beitrag mit Claude-Code-Tipps veröffentlicht. Ich habe ihn übersetzt und zusammengefasst und teile ihn hier. (Im Blogbeitrag gibt es Referenzvideos und Code-Snippets)

• Nutze es integriert in der IDE. Ich selbst verwende Cursor inzwischen nur noch für CMD+K-Autovervollständigung und Tab-Autovervollständigung. Den Agent-Modus von Cursor nutze ich nur, wenn Claude Code nicht funktioniert.
• Früher war das Code-Editor-Fenster größer und der Agent an der Seite. Heute ist das Fenster von Claude Code größer.
• Bei Builder.io gibt es eine einzelne React-Komponente mit 18.000 Zeilen. Keine AI konnte bisher ordentlich damit umgehen, aber Claude Code schafft das.
• Ich nutze den $100-Plan und meistens nur Opus. Für die meisten dürfte aber schon die Standardeinstellung reichen (50 % Opus, danach Sonnet, wenn das Kontingent aufgebraucht ist). Wenn man es richtig nutzen will, sollte man vor jeder neuen Aufgabe immer /clear ausführen.
• Das Flag, das Claude Code Berechtigungen gibt (claude --dangerously-skip-permissions), ist nicht so gefährlich, wie es klingt, daher ist es einen Versuch wert, wenn man das Risiko in Kauf nimmt.
• Die GitHub-Integration (/install-github-app) für PR-Reviews ist überraschend nützlich. Sie findet Logikfehler und Sicherheitsprobleme ziemlich gut. Der Standard-Review-Prompt ist allerdings nicht besonders gut, also sollte man ihn in claude-code-review.yml anpassen.
• Es ist auch praktisch, mit # schnell Memory-Einträge hinzuzufügen. Claude Code legt sie automatisch in der passendsten Memory-Datei ab.
• Das Queue-System ist gut. Wenn einem während der Arbeit etwas einfällt, das man vergessen hatte, kann man es einfach der Reihe nach hinzufügen, und es wird zuverlässig erledigt. Wenn zwischendurch Feedback nötig ist, ist es auch gut, wenn stattdessen Rückfragen gestellt werden, anstatt einfach blind Änderungen vorzunehmen.
• Je besser man benutzerdefinierte Hooks, Slash-Commands und projektspezifische Einstellungen nutzt, desto komfortabler wird es, und Claude Code kann all das auf Anfrage für einen einrichten.
• Praktisch ist auch, dass man in benutzerdefinierten Commands $ARGUMENTS verwenden kann. Unterordner funktionieren ebenfalls. Wenn man /buider/plugin eingibt, wird plugin.md im Ordner builder gefunden.
• Wenn man die Builder.io-Erweiterung zur IDE hinzufügt, bekommt man eine Chat-Oberfläche ähnlich wie bei Claude Code sowie Design-Preview und visuelles Editieren. Die Oberfläche wurde durch Reverse Engineering von Claude Code so ähnlich wie möglich nachgebaut.
• Weitere Dinge, die Einsteiger leicht übersehen könnten
  • Mit Shift + Enter wird keine neue Zeile eingefügt, aber /terminal-setup behebt das.
  • Wenn es in die IDE integriert ist, werden Dateien nicht referenziert, wenn man sie einfach per Drag-and-Drop hineinzieht. (Dann wird die Datei in der IDE nur geöffnet.) Beim Ziehen Shift gedrückt halten.
  • Um Claude zu stoppen, sollte man nicht CTRL+C, sondern Esc verwenden.
  • Bilder aus der Zwischenablage werden (auch auf dem Mac) nicht mit CMD+V, sondern mit CTRL+V eingefügt.
  • Mit der Pfeiltaste nach oben kann man zu früheren Chats zurückkehren (auch wenn die Session beendet ist). Mit zweimal Esc sieht man alle Nachrichten.