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
Fennara: Godot Plugin + MCP für KI-Agenten mit iterativer Rückkopplungsschleife
Fennara ist ein Godot-Plugin und MCP-Server, der KI-Agenten Skriptdiagnosen, Szenenvalidierung, Laufzeitfehler, Knoteninformationen, Screenshots und semantische Suchergebnisse nach jeder Änderung liefert – und so eine engere Rückkopplungsschleife als Einmalbefehle ermöglicht.
LLM-Matrix: Von der Community bewertete Modellvergleiche, erstellt mit Claude Code
Ein Data Scientist hat llm-matrix.vercel.app entwickelt, um LLM-Bewertungen über mehrere Dimensionen gleichzeitig zu vergleichen, wobei Community-Abstimmungen die Ranglisten prägen. Die Website wurde vollständig mit Claude Code und zwei spezifischen Plugins entwickelt.
OpenClaw Claude-Erweiterung nach Änderungen bei der Anthropic-Abrechnung auf Agent SDK aktualisiert
Ein OpenClaw-Erweiterungsentwickler hat seine Claude-CLI-Integration neu geschrieben, um das offizielle claude-agent-sdk zu verwenden, nachdem Anthropic begonnen hatte, die CLI-Nutzung zu erkennen und als Nutzung durch Drittanbieter-Applikationen neu zu klassifizieren, was gegen einen separaten Guthabenpool anstatt gegen die Max-Plan-Limits abgerechnet wird. Der SDK-Ansatz authentifiziert sich über die bestehende Claude-Code-Anmeldung und rechnet als reguläre Max-Plan-Nutzung ab.
Windows-System-Tray-App zur Echtzeit-Überwachung der Claude-API-Nutzung
Ein Entwickler hat eine schlanke Windows-Tray-Anwendung erstellt, die die Claude-API-Kontingentnutzung in Echtzeit anzeigt, einschließlich 5-Stunden- und 7-Tage-Fenstern, heutigen Token-Zählungen und Erschöpfungsprognosen. Die App unterstützt Koreanisch, Englisch, Chinesisch und Japanisch in der Benutzeroberfläche und ist Open Source auf GitHub.