Codex revisa tu código comparándolo con la documentación en vivo
Tutorial paso a paso: conecta Codex con Felo OpenAPI y observa cómo revisa tu código usando la documentación más reciente del framework y genera un informe con fuentes.
Tu base de código utiliza React. ¿Pero está usando los patrones más recientes? ¿Hay APIs obsoletas ocultas? Codex puede revisar tu código, pero solo si puede acceder a la documentación más actualizada.
Aquí te mostramos cómo darle esa capacidad.
3 minutos para conectar Felo OpenAPI
Paso 1: Ve a openapi.felo.ai y crea una clave API gratuita.
Paso 2: Copia y pega esto en tu Codex, Claude Code u OpenClaw:
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
Paso 3: Conexión completada. Tu agente ahora revisa el código con documentación en vivo, no con datos de entrenamiento desactualizados.
La historia del usuario
Tienes un componente de React que fue escrito hace seis meses. Quieres saber:
- ¿Utiliza APIs obsoletas?
- ¿Hay problemas de seguridad?
- ¿Existen mejoras de rendimiento en la última versión de React?
- ¿Qué diría la documentación oficial sobre este patrón?
En lugar de revisar la documentación manualmente, pegas el código y le pides a Codex que lo revise.
Solo necesitas decir esto
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]
Lo que Codex hace automáticamente
Paso 1: Buscar la documentación más reciente
POST /v2/chat
{
"query": "React 19 latest features deprecated APIs best practices 2026"
}
Codex encuentra la documentación oficial de React, notas de lanzamiento y guías de migración.
Paso 2: Leer la documentación oficial
POST /v2/web/extract
{
"url": "https://react.dev/blog/react-19"
}
Codex lee la publicación del blog de lanzamiento de React 19, extrayendo:
- Nuevas características y patrones
- APIs obsoletas
- Guía de migración
- Recomendaciones de rendimiento
Codex repite esto para la documentación principal, la referencia de la API y cualquier discusión relevante de RFC.
Paso 3: Analizar tu código
Codex compara tu código con la documentación que acaba de leer:
- APIs obsoletas: Verifica si tu código utiliza patrones que React 19 ha desaprobado
- Problemas de seguridad: Identifica posibles riesgos de XSS, inyección o exposición de datos
- Rendimiento: Señala oportunidades para usar nuevas optimizaciones de React 19
- Buenas prácticas: Compara tus patrones con la guía oficial actual
Paso 4: Generar el informe de revisión
Codex produce un informe estructurado:
## Code Review: [Component Name]
### 🟢 Bueno
- La estructura del componente sigue los patrones actuales
- Uso adecuado de error boundaries
### 🟡 Advertencias
- Usa `findDOMNode` — obsoleto en React 18, eliminado en React 19
Source: https://react.dev/blog/react-19#removed-deprecated-apis
Fix: Usa refs en su lugar
### 🔴 Problemas
- Ciclo de vida `componentWillMount` — obsoleto, reemplazado por constructor o useEffect
Source: https://react.dev/reference/react/Component#componentwillmount
Fix: Mueve la lógica de inicialización al constructor
### 💡 Sugerencias de rendimiento
- Considera `useActionState` de React 19 para la gestión del estado de formularios
Source: https://react.dev/reference/react/useActionState
Paso 5: Guardar en LiveDocs
Codex guarda la revisión en LiveDocs con:
- El código original
- Hallazgos de la revisión con URLs de documentación
- Etiquetas para el tipo de componente, versión del framework y severidad del problema
Las revisiones futuras pueden consultar este historial.
El resultado
Obtienes una revisión de código que:
- Hace referencia a páginas específicas de documentación, no consejos genéricos
- Identifica patrones obsoletos exactos con números de línea
- Proporciona soluciones concretas con citas de la documentación oficial
- Sugiere mejoras de rendimiento basadas en la versión más reciente
Tiempo total: 2-3 minutos.
Plantilla completa de prompt (copia y reutiliza)
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].
Reemplaza los valores entre corchetes para cualquier revisión de código.
Avanzado: revisión por lotes
Revisa varios archivos a la vez:
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 revisa cada archivo, produce hallazgos individuales y genera un resumen priorizado.
Avanzado: hook pre-commit
Configura una revisión antes de hacer commit:
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."
Primeros pasos
- Crea tu clave API gratuita
- Pega el prompt de inicialización en tu agente
- Prueba el prompt de revisión de código anterior
Tu revisor de código ahora lee la documentación más reciente para que tú no tengas que hacerlo.
Esta publicación también está disponible en English, 简体中文, 日本語, 한국어, 繁體中文, हिन्दी, Français, العربية, Русский, اردو, Bahasa Indonesia, Deutsch, Tiếng Việt, Türkçe, Italiano, ไทย, বাংলা and Português.