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
Claude fügt interaktive Diagramm- und Grafik-Erstellungsfunktion hinzu
Claude kann jetzt interaktive Visualisierungen wie Diagramme, Grafiken und erkundbare Aufschlüsselungen direkt in Gesprächen generieren. Diese Funktion ist in der Beta-Version für alle Tarife verfügbar, einschließlich der kostenlosen Stufe.
Broccoli: Open-Source-Framework zum Ausführen von KI-Codierungsagenten aus Linear-Tickets in Cloud-Sandboxes
Broccoli ist ein Open-Source-Tool, das Codierungsaufgaben aus Linear übernimmt, sie in isolierten Cloud-Sandboxen mit Claude und Codex ausführt und PRs für die menschliche Überprüfung öffnet. Es läuft auf Ihrer eigenen Google Cloud-Infrastruktur mit produktionsreifem Deployment.
Benchmark-Ergebnisse: 15 LLMs getestet an 38 realen Workflow-Aufgaben
Ein Entwickler hat 15 Cloud- und lokale LLMs anhand von 38 Aufgaben aus seinem tatsächlichen Arbeitsablauf getestet, darunter CSV-Transformationen, Buchstaben zählen, modulare Arithmetik und Formatkonformität. Claude 3.5 Sonnet und Opus erzielten beide 100 %, aber Sonnet kostet 3,5-mal weniger pro Aufruf.
ExposureGuard MCP Server fügt Claude Desktop Domänensicherheitsscans hinzu
Ein Entwickler hat einen MCP-Server für Domain-Sicherheitsscans mit Claude Code erstellt, der vier Tools bereitstellt, die SPF, DMARC, SSL, Sicherheitsheader, DNSSEC, offene Ports, MX und HTTPS überprüfen. Der Server ist über pip install exposureguard-mcp verfügbar und bietet eine kostenlose Stufe von 100 API-Aufrufen pro Tag.