Skip to main content

Codex prüft deinen Code anhand der aktuellen Dokumentation

· 6 Minuten gelesen
Felo Search Tips Buddy
Felo Search Tips Buddy
Committed to answers at your fingertips

Schritt-für-Schritt-Anleitung: Verbinde Codex mit Felo OpenAPI und sieh zu, wie dein Code anhand der neuesten Framework-Dokumentation geprüft und ein Bericht mit Quellen erstellt wird.

Dein Codebase verwendet React. Aber nutzt du auch die neuesten Patterns? Verstecken sich veraltete APIs darin? Codex kann deinen Code überprüfen – aber nur, wenn es Zugriff auf die aktuellste Dokumentation hat.

So gibst du ihm diese Fähigkeit.

In 3 Minuten Felo OpenAPI verbinden​

Schritt 1: Gehe zu openapi.felo.ai und erstelle einen kostenlosen API-Schlüssel.

Schritt 2: Kopiere und füge Folgendes in deinen Codex, Claude Code oder OpenClaw ein:

Connect to Felo OpenAPI:
- Models: Claude Opus 4.8, Claude Sonnet 4.6, Claude Haiku 4.5, GPT-5.6 Sol, GPT-5.6 Terra, Grok 4.5
- Search: POST /v2/chat (AI Search), POST /v2/web/extract (Web Fetch)
- Memory: LiveDocs (semantic retrieval, file upload, URL resources)
Base URL: https://openapi.felo.ai
API Key: [YOUR_API_KEY]

When I ask you to review code:
1. Search for the latest framework documentation
2. Read the official docs via Web Fetch
3. Compare my code against current best practices
4. Flag deprecated patterns, security issues, and performance concerns
5. Save the review to LiveDocs with documentation citations

Schritt 3: Verbindung abgeschlossen. Dein Agent prüft nun Code mit aktueller Dokumentation, nicht mit veralteten Trainingsdaten.

Die User Story​

Du hast eine React-Komponente, die vor sechs Monaten geschrieben wurde. Du möchtest wissen:

  • Verwendet sie veraltete APIs?
  • Gibt es Sicherheitsprobleme?
  • Gibt es Performance-Verbesserungen durch die neueste React-Version?
  • Was sagen die offiziellen Docs zu diesem Pattern?

Anstatt die Dokumentation manuell zu prüfen, fügst du den Code ein und bittest Codex um eine Überprüfung.

Das musst du nur sagen​

Review this React component against the latest React 19 documentation. Flag any deprecated patterns, security issues, and performance improvements. Cite the specific docs where you found the guidance.

[Your code here]

Was Codex automatisch macht​

Schritt 1: Nach aktueller Dokumentation suchen​

POST /v2/chat
{
  "query": "React 19 latest features deprecated APIs best practices 2026"
}

Codex findet die offizielle React-Dokumentation, Release Notes und Migrationsleitfäden.

Schritt 2: Die offizielle Dokumentation lesen​

POST /v2/web/extract
{
  "url": "https://react.dev/blog/react-19"
}

Codex liest den React 19 Release-Blogpost und extrahiert:

  • Neue Features und Patterns
  • Veraltete APIs
  • Migrationshinweise
  • Performance-Empfehlungen

Codex wiederholt dies für die Hauptdokumentation, API-Referenz und relevante RFC-Diskussionen.

Schritt 3: Deinen Code analysieren​

Codex vergleicht deinen Code mit der gerade gelesenen Dokumentation:

  • Veraltete APIs: Prüft, ob dein Code Patterns verwendet, die in React 19 veraltet sind
  • Sicherheitsprobleme: Erkennt potenzielle XSS-, Injection- oder Datenexpositionsrisiken
  • Performance: Markiert Möglichkeiten, neue Optimierungen aus React 19 zu nutzen
  • Best Practices: Vergleicht deine Patterns mit aktuellen offiziellen Empfehlungen

Schritt 4: Den Review-Bericht erstellen​

Codex erstellt einen strukturierten Bericht:

## Code Review: [Component Name]

### 🟢 Gut
- Komponentenstruktur folgt aktuellen Patterns
- Korrekte Verwendung von Error Boundaries

### 🟡 Warnungen
- Verwendet `findDOMNode` — in React 18 veraltet, in React 19 entfernt
  Source: https://react.dev/blog/react-19#removed-deprecated-apis
  Fix: Stattdessen Refs verwenden

### 🔴 Probleme
- `componentWillMount` Lifecycle — veraltet, ersetzt durch Constructor oder useEffect
  Source: https://react.dev/reference/react/Component#componentwillmount
  Fix: Initialisierungslogik in den Constructor verschieben

### 💡 Performance-Vorschläge
- Erwäge React 19s `useActionState` für das Management von Formularzuständen
  Source: https://react.dev/reference/react/useActionState

Schritt 5: In LiveDocs speichern​

Codex speichert das Review in LiveDocs mit:

  • Dem Originalcode
  • Review-Ergebnissen mit Dokumentations-URLs
  • Tags für Komponententyp, Framework-Version und Schweregrad der Probleme

Zukünftige Reviews können auf diese Historie zurückgreifen.

Das Ergebnis​

Du erhältst ein Code-Review, das:

  • Auf spezifische Dokumentationsseiten verweist, nicht auf allgemeine Ratschläge
  • Genau veraltete Patterns mit Zeilennummern identifiziert
  • Konkrete Lösungen mit offiziellen Quellen bietet
  • Performance-Verbesserungen auf Basis der neuesten Version vorschlägt

Gesamtdauer: 2-3 Minuten.

Die komplette Prompt-Vorlage (Kopieren & Wiederverwenden)​

Review this [FRAMEWORK/LANGUAGE] code against the latest [VERSION] documentation.

[Your code here]

Check for:
1. Deprecated APIs or patterns
2. Security issues
3. Performance improvements
4. Best practice violations

Cite the specific documentation URLs where you found each issue.
Save the review to LiveDocs with tags for [PROJECT] and [COMPONENT_TYPE].

Ersetze die Werte in den Klammern für jedes Code-Review.

Fortgeschritten: Batch-Review​

Mehrere Dateien auf einmal prüfen:

Review all React components in this directory against React 19 documentation. Produce a summary report ranked by severity, with individual findings for each component.

[File list or code blocks]

Save the summary to LiveDocs.

Codex prüft jede Datei, erstellt individuelle Ergebnisse und generiert eine priorisierte Zusammenfassung.

Fortgeschritten: Pre-Commit-Hook​

Review vor dem Commit einrichten:

Before I commit this code, review it against the latest documentation for [FRAMEWORK]. Flag anything that would fail a senior engineer's code review. If nothing critical, say "Looks good to commit."

Loslegen​

  1. Erstelle deinen kostenlosen API-Schlüssel
  2. Füge das Initialisierungsprompt in deinen Agenten ein
  3. Probiere das Code-Review-Prompt oben aus

Dein Code-Reviewer liest jetzt die neuesten Docs, damit du es nicht tun musst.

Kostenlosen API-Schlüssel holen →

Dieser Beitrag ist auch in folgenden Sprachen verfügbar: English, 简体中文, 日本語, 한국어, 繁體中文, हिन्दी, Français, العربية, Русский, اردو, Bahasa Indonesia, Tiếng Việt, Türkçe, Italiano, ไทย, Español, বাংলা and Português.