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
Lokale Sprachsteuerungseinrichtung für KI-Agenten auf Apple Silicon
Einrichtungsverfahren für lokale Sprachsteuerung von KI-Agenten mit Parakeet STT und Kokoro TTS auf Apple Silicon für schnelle und cloud-unabhängige Interaktionen.
WebClaw: Open-Source MCP-Server für Web-Extraktion mit Claude
WebClaw ist ein quelloffener MCP-Server, der mit Claude Code entwickelt wurde und Web-Extraktionstools für Claude Desktop und Claude Code bereitstellt. Er löst die Einschränkungen von Claudes integriertem web_fetch durch TLS-Fingerprinting und Inhaltsoptimierung.
OpenClaw-Agent erhält Telefonanruf-Fähigkeit durch benutzerdefinierte Funktion
Ein Entwickler hat eine benutzerdefinierte Fähigkeit für selbst gehostete OpenClaw-Agenten erstellt, die Telefonfunktionalität ermöglicht. Dadurch kann der Agent basierend auf Auslösern wie Build-Abschlüssen oder Serverausfällen Anrufe tätigen. Die Implementierung bietet Sprachinteraktion mit vollständigen Chat-Fähigkeiten, einschließlich Websuche und Alarmeinrichtung.
Claude Hindsight: Beobachtungstool für Claude-Code-Sitzungen
Claude Hindsight ist eine Open-Source-Beobachtungsschicht für Claude Code, die Tool-Aufrufe, Tokens und Fehler in ein erkundbares Dashboard erfasst. Der Ersteller nutzte es, um ein Open-Source-Projekt in einer einzigen 11-stündigen Sitzung mit 733 Tool-Aufrufen und 692,8M Cache-Tokens zu refaktorisieren.