𤯠PĂdele a CLAUDE o CODEX que te de toda la ARQUITECTURA de tu app...
Fran Pradas | Ingeniero de IA@franpradasAI
70 views
Aug 04, 2026
~1 min read
Advertisement
1
𤯠PĂdele a CLAUDE o CODEX que te de toda la ARQUITECTURA de tu app en una sola pĂĄgina HTML y un archivo JSON.
Tu cĂłdigo ahora se explica solo:
El HTML te permite visualizarlo.
El JSON es para que otro agente lo entienda.
Te dejo el prompt que usĂŠ abajo đ
Tu cĂłdigo ahora se explica solo:
El HTML te permite visualizarlo.
El JSON es para que otro agente lo entienda.
Te dejo el prompt que usĂŠ abajo đ
0:18
2
Prompt:
"Analiza en profundidad todo mi repositorio de cĂłdigo.
Genera DOS entregables completos, listos para usar:
1. Un Ăşnico archivo HTML autocontenido que incluya:
- Diagrama de arquitectura interactivo (nodos + aristas)
- Panel de flujos en el lado derecho
- Al seleccionar un flujo, resaltr la ruta completa en el diagrama
- Tooltips para cada componente
- DiseĂąo limpio, profesional y responsive
2. Un JSON {nodes, edges, flows: [{steps}]} para agentes IA"
AdemĂĄs đ
"Analiza en profundidad todo mi repositorio de cĂłdigo.
Genera DOS entregables completos, listos para usar:
1. Un Ăşnico archivo HTML autocontenido que incluya:
- Diagrama de arquitectura interactivo (nodos + aristas)
- Panel de flujos en el lado derecho
- Al seleccionar un flujo, resaltr la ruta completa en el diagrama
- Tooltips para cada componente
- DiseĂąo limpio, profesional y responsive
2. Un JSON {nodes, edges, flows: [{steps}]} para agentes IA"
AdemĂĄs đ
3
Otro mĂŠtodo es usar /graphify
InstalaciĂłn:
uv tool install graphifyy
graphify install
Repo:
github.com/Graphify-Labs/âŚ
InstalaciĂłn:
uv tool install graphifyy
graphify install
Repo:
github.com/Graphify-Labs/âŚ
4
RECUERDA:
SĂgueme en @franpradasai para mĂĄs herramientas de IA.
ÂĄMĂĄndaselo a un amig@ para que empiece a usar esto en sus repositorios!
SĂgueme en @franpradasai para mĂĄs herramientas de IA.
ÂĄMĂĄndaselo a un amig@ para que empiece a usar esto en sus repositorios!
