Open-Source-Agenten-Fähigkeit für TypeScript-, React- und Next.js-Muster
Ein Entwickler hat eine Open-Source-Agent-Skill – eine strukturierte Markdown-Referenz – veröffentlicht, die darauf abzielt, die Art und Weise zu verbessern, wie KI-Codierungsassistenten Code für TypeScript-, React- und Next.js-Projekte generieren und überprüfen.
Was es ist
Die Skill ist eine 4.000 Zeilen lange Referenz, die in 17 Dateien enthalten ist. Es handelt sich nicht um ein Tutorial oder ein npm-Paket, sondern um ein Dokument, das KI-Agenten konsumieren sollen. Es wurde erstellt, um wiederkehrende Probleme anzugehen, auf die der Autor bei KI-generiertem Frontend-Code gestoßen ist, darunter:
- Verwendung von
as User-Typzusicherungen bei API-Antworten anstelle von Laufzeitvalidierung. - Falsches Platzieren von
"use client"-Direktiven auf gesamten Seiten. - Schreiben von
useEffect-Hooks mit instabilen Objektabhängigkeiten. - Versagen bei der Unterscheidung zwischen tatsächlichen Fehlern und bloßen Stilpräferenzen während der Code-Überprüfung.
Wichtige Merkmale und Struktur
Die Referenz ist mit spezifischen Labels strukturiert, um Agentenentscheidungen zu leiten:
- [HARTE REGEL]: Muster, die befolgt werden müssen.
- [STANDARD]: Empfohlene Standardansätze.
- [SITUATIONSBEDINGT]: Muster, die nur in bestimmten Kontexten angewendet werden sollen.
Sie enthält Entscheidungsflussdiagramme, um Agenten bei der Auswahl des richtigen Musters zu helfen, drei Debugging-Spielbücher für Typfehler, Hydratationsprobleme und useEffect-Probleme sowie Code-Überprüfungsheuristiken, die echte Risiken von stilistischen Präferenzen trennen.
Installation und Kompatibilität
Zur Installation führen Sie aus:
git clone https://github.com/leejpsd/typescript-react-patterns ~/.claude/skills/typescript-react-patternsDer Autor gibt an, dass es mit Claude Code, Cursor, Codex und Gemini CLI funktioniert. Feedback zu fehlenden Mustern oder falschen Anleitungen wird erbeten.
📖 Read the full source: r/ClaudeAI
👀 Siehe auch
Open-Source-Spezialist Dispatch-Adapter delegiert komplexe Aufgaben an Claude Code
expert-dispatch ist ein ~500-zeiliges Bash-Skript, das einem kostengünstigen KI-Assistenten ermöglicht, komplexe Programmieraufgaben an Claude Code CLI zu delegieren. Es verwendet Befehle wie dispatch-cc run, um Aufgaben zu senden, und verwaltet projektbezogene Verzeichnisse mit CLAUDE.md für persistente Kontextinformationen.
Bibliothekar MCP: Lokaler KI-Server für dauerhaften Kontext mit Dokumenten
Librarian MCP ist ein quelloffener Model Context Protocol-Server, der lokal läuft und sich mit Jan, LM Studio oder Claude Desktop verbindet, wodurch KI-Modelle Dokumentensammlungen durchsuchen und analysieren können, während der vollständige Konversationskontext und die Datenprivatheit erhalten bleiben.
Seien Sie mein Butler: Multi-Agenten-Pipeline zur Überprüfung von KI-Code
Be My Butler ist eine Open-Source-Multi-Agent-Pipeline, in der verschiedene KI-Modelle den Code des jeweils anderen durch blinde Überprüfung bewerten. Das System behebt das Problem, dass KI-Agenten ihren eigenen Code fälschlicherweise als funktionsfähig melden.
LamBench: Eine Lambda-Kalkül-Benchmark-Suite für KI-Codierungsagenten
LamBench ist eine Benchmark-Suite, die KI-Agenten anhand von Lambda-Kalkül-Aufgaben bewertet und Intelligenz, Geschwindigkeit und Eleganz misst. Die v1-Veröffentlichung umfasst Probleme und eine Bewertungsmatrix.