El Stack AI-Native de ProCoders: Herramientas por Etapa de Producto
El stack AI-native de ProCoders es el conjunto de herramientas práctico y opinionado que realmente instalamos y ejecutamos en proyectos, organizado según donde encaja cada herramienta en el ciclo de producto: codificación, automatización de navegador, producto, diseño, SEO/GEO, escritura anti-IA y entrada por voz. Cada herramienta tiene un tipo (Skill, MCP, Plugin o App), una función clara y una prioridad.
Qué es este stack (y qué no es)
Este es el stack práctico que ProCoders recomienda realmente — las herramientas que instalamos y ejecutamos en proyectos reales — organizadas según donde encajan en el ciclo de producto. Es la implementación concreta de nuestras 17 habilidades AI-native y el motor detrás de los niveles L1 a L7: las habilidades definen qué hace un desarrollador AI-native; este stack es cómo lo hacemos.
Es deliberadamente diferente de un listicle de "mejores herramientas". Si quieres el estudio amplio, clasificado por nivel, de agentes de codificación, consulta nuestro análisis profundo de herramientas de codificación por nivel. Lo que sigue es más acotado y más honesto: una recomendación interna con tipos, funciones y prioridades, no un resumen de mercado. Cada herramienta aquí es algo que pondríamos en un proyecto mañana.
Las etiquetas de prioridad dicen lo que significan. Imprescindible es innegociable para el nivel al que aplica; recomendado es lo que añadiríamos a continuación; opcional es situacional. Los tipos son Skill / MCP / Plugin / App (un producto terminado). Los conteos de estrellas, cuando se indican, son indicadores aproximados de madurez y adopción, no cifras precisas.
Codificación
El bucle central: framework agéntico, documentación actualizada, búsqueda estructural.
| Herramienta | Tipo | Qué aporta | Prioridad |
|---|---|---|---|
| Superpowers | Plugin / Skills | Framework agéntico base: TDD, planes, depuración, revisión, verificación. | imprescindible |
| Superpowers-V (by ProCoders) | Plugin | Nuestro fork/overlay: flujo de trabajo por fases, arqueología de código, despacho paralelo, validación Context7. | imprescindible |
| ECC | Plugin / Orchestrator | Sistema operador nativo del harness que abarca Claude Code, Codex y Cursor: la familia de orquestadores orch-*, subagentes, skills, hooks y memoria de sesión. Instala la versión v2 y conéctala a la capa operadora Hermes. | recomendado |
| Context7 | MCP | Documentación actualizada de librerías directamente en el contexto — elimina soluciones obsoletas y deprecadas. ~54k★ (approx). | imprescindible |
| ast-grep + skill | CLI + Skill | Búsqueda estructural de código sobre el AST, no texto: "encontrar todo async sin manejo de errores". | recomendado |
| skill-creator | Skill | Crea tus propias skills — convierte trabajo repetitivo en un harness reutilizable (skill #7). | recomendado |
Automatización de navegador
Permite que el agente maneje un navegador real para navegación, verificaciones y E2E.
| Herramienta | Tipo | Qué aporta | Prioridad |
|---|---|---|---|
| axi | App / Browser | Navegador rápido construido para agentes, ahorra tokens. | recomendado |
| dev-browser | Tool | Entorno de navegador para desarrollo guiado por agentes. | opcional |
| Playwright MCP | MCP | Control de navegador por agentes: navegación, clics, verificaciones de UI, E2E. | recomendado |
Producto
La capa de producto/marketing que impulsa el trabajo multifuncional de L7.
| Herramienta | Tipo | Qué aporta | Prioridad |
|---|---|---|---|
| marketingskills | Skills | CRO, copywriting, SEO, analítica, crecimiento — la capa de product-marketing para L7. | recomendado |
| premortem-skill (by ProCoders) | Skill | Prueba de estrés de un plan o decisión: "asumir que fallamos" → identificar causas de fallo de antemano (skill #5). | recomendado |
Diseño
De PRD a maqueta, más acceso del agente a archivos de diseño.
| Herramienta | Tipo | Qué aporta | Prioridad |
|---|---|---|---|
| Claude.ai/design | App | Preparación de diseño altamente efectiva: PRD → maqueta completa; rediseñar y mejorar apps existentes. | recomendado (fuertemente) |
| Figma MCP | MCP | Acceso del agente a Figma: leer/ensamblar maquetas, design tokens. | recomendado |
| OpenDesign | Tool | Toolkit de diseño abierto para UI/UX agéntico. | opcional |
SEO / GEO
Haz que el agente escriba para búsqueda clásica y motores de respuesta con IA.
| Herramienta | Tipo | Qué aporta | Prioridad |
|---|---|---|---|
| claude-seo | Skill | Optimización SEO afinada para Claude — más precisa y completa. | imprescindible |
| geo-seo-claude | Skill | GEO/SEO como alternativa más suave a claude-seo. | opcional |
| DataForSEO MCP | MCP | Datos SEO reales (rankings, palabras clave, SERPs) en el contexto del agente. | recomendado |
Evitar escritura de IA
Elimina los indicios de escritura por IA del texto generado antes de publicarlo.
| Herramienta | Tipo | Qué aporta | Prioridad |
|---|---|---|---|
| humanizer | Skill | Elimina indicios de escritura por IA (33 patrones). Uno de los más populares — ~24k★ (approx). | recomendado |
| avoid-ai-writing | Skill | Una alternativa sólida — funciona de verdad, aunque con menos hype. | opcional |
Entrada / voz primero (dictado)
Voz en lugar de teclado. Escribir es una pérdida de tiempo oculta que la mayoría ignora. El patrón ideal: el desarrollador dicta el ticket, la solicitud o el flujo de pensamiento, y la IA lo ordena y estructura. Es más rápido y elimina la barrera del "es demasiado largo para escribirlo". Respalda directamente la idea L7 de director, no codificador: la voz es la interfaz natural para la orquestación.
| Herramienta | Tipo | Qué aporta | Prioridad |
|---|---|---|---|
| superwhisper | App | Dictado con modelos offline, gratuito para uso offline. Elección personal. | recomendado |
| handy | App | Dictado gratuito. | recomendado |
| Apple Dictation | App (integrada) | Dictado macOS de serie, pero de calidad básica. | opcional |
El voz-primero es obligatorio desde L3
Esto no es un agradable complemento. El KPI: ≥80% de las solicitudes largas y tickets se dictan, no se escriben. Y se vuelve obligatorio en Middle (L3) — en esa etapa el dictado ahorra demasiado tiempo como para seguir siendo opcional. Dictar un flujo de pensamiento desordenado y dejar que el agente lo estructure es más rápido que escribirlo limpio, y es la forma más natural de manejar una flota de agentes.
Brechas que estamos cerrando (candidatos al stack)
Tras revisar los líderes, estos cubren una brecha real de habilidades en lugar de rellenar el stack:
| Herramienta | Tipo | Estado | Por qué |
|---|---|---|---|
| Supabase / Postgres MCP | MCP | incorporando | El agente escribe y ejecuta SQL, lee el resultado — para proyectos con base de datos (skill #2). Funciona bien en la mayoría de los casos. |
| Sentry / logs MCP | MCP | deseable | Acceso a errores y logs de producción/staging — "del tray al fix" para depuración sistemática y verificación (skills #9, #15). |
| tdd-guard | Skill / Hook | recomendado | Aplicación estricta de TDD: bloquea código sin un test en rojo (skill #9). Complementa Superpowers. |
| — | no necesario | El trabajo con PRs/issues/repositorios está cubierto por la CLI de GitHub (gh) — no se necesita un MCP separado. |
Mantenemos la lista de candidatos corta a propósito: añadimos un MCP o skill solo para una brecha real en una habilidad, no "por si acaso".
El panorama más amplio (líderes por adopción)
Separado de nuestro stack opinionado anterior, aquí está el ecosistema OSS más amplio del que tomamos inspiración — las herramientas más destacadas y maduras que se mapean a nuestro sistema de habilidades. Las estrellas son aproximadas y cambian con el tiempo; trátelas como señal de madurez, no como marcador. El principio de selección: primero las oficiales (Anthropic + las nuestras procoders/*), luego los líderes por adopción, y siempre verificar compatibilidad con nuestro stack antes de incorporar algo.
Frameworks base (instalar primero).
- obra/superpowers (~225k★ approx) — el framework principal de agentic-skills: TDD, planificación, brainstorming, depuración, verificación, revisión de código, subagentes, worktrees. En el marketplace oficial de Anthropic. github
- anthropics/claude-code-skills (oficial) — el índice oficial y verificado de skills de Anthropic (brainstorming, test-driven-development, systematic-debugging). El referente de calidad. github
Orquestación / subagentes / worktrees.
- ruvnet/ruflo (ex claude-flow, ~59k★ approx) — meta-harness para enjambres de agentes: coordinación de swarm, memoria, flujos de trabajo autónomos sobre Claude Code. El proyecto OSS multi-agente más adoptado de 2026. github
- wshobson/agents (~37k★ approx) — 192 subagentes especializados en 84 plugins (investigador, revisor, tester, seguridad y más). Un marketplace multi-harness. github
- affaan-m/ecc (v2, MIT) — sistema operador nativo del harness: una familia de orquestadores orch-*, docenas de subagentes, skills reutilizables, hooks y memoria persistente en Claude Code, Codex, Opencode y Cursor. Recomendamos la línea v2 conectada a su capa operadora Hermes. github
Verificación / revisión.
- nizos/tdd-guard (popular) — aplicación automática de TDD: bloquea escribir código sin un test en rojo. Funciona con Claude Code, Codex, Copilot, cualquier lenguaje/runner. github
- Anthropic Code Review (plugin oficial) —
/code-reviewen una rama PR: analiza cambios, califica problemas, comenta automáticamente en GitHub. claude.com/plugins/code-review
Planificación / investigación.
- superpowers
brainstorming/writing-plans(~225k★ approx) — el ciclo estructurado de pre-implementación: contexto de investigación, plan, riesgos. github - procoders/premortem-skill (nuestro) — prueba de estrés de planes: "asumir que fallamos" → causas de fallo identificadas de antemano. Claude/Codex/Cursor. github
- Deep-Research-skills / DAG deep research (OSS) — desglosa una pregunta en un grafo de dependencias, ejecuta subagentes en paralelo, escribe un informe con fuentes. github
Artefactos / demo.
- Anthropic integrado
pptx/docx/xlsx/pdf(oficial) — genera artefactos terminados (presentaciones, docs, hojas de cálculo, PDFs) directamente desde el agente. - procoders/claude-ui-recorder (nuestro) — demo de video de UI con marca: grabar → narrar → renderizar →
demo.mp4. github - Remotion skills (OSS) — generación programática de video desde código.
npx skills add remotion-dev/skills. remotion.dev - NotebookLM (Google) — resumen de audio narrado / informe interactivo a partir de tus materiales.
Listas curadas (para encontrar las tuyas). hesreallyhim/awesome-claude-code (~37k★ approx), rohitg00/awesome-claude-code-toolkit (135 agentes, 35 skills, 176+ plugins), travisvn/awesome-claude-skills, ComposioHQ/awesome-claude-skills.
Por dónde empezar
No instalas todo esto de una vez — añades herramientas a medida que subes de nivel. El mínimo para ser agéntico es la fila de Codificación más voz-primero; todo lo demás se incorpora según lo exige tu nivel. Descubre tu nivel en 3 minutos y sabrás exactamente qué filas de este stack deberías estar ejecutando a continuación.
FAQ
- ¿Cuál es el stack mínimo para empezar?
- La fila de Codificación más la entrada por voz. Concretamente: Superpowers (el framework agéntico) y Context7 (documentación actualizada de librerías en el contexto), impulsados por dictado (superwhisper o handy) en lugar de escribir. Eso te da un bucle agéntico real — planificar, construir, verificar — con documentación actual y un método de entrada rápido. Todo lo demás (automatización de navegador, diseño, SEO, el panorama más amplio) se añade según tu nivel y proyecto lo requieran. No lo instales todo el primer día; añade una herramienta solo cuando una habilidad la necesite.
- Skill vs MCP vs plugin vs app — ¿cuál es la diferencia?
- Una Skill es una capacidad empaquetada que enseña al agente un flujo de trabajo (p. ej. claude-seo, humanizer, skill-creator). Un MCP es un servidor de Model Context Protocol que conecta al agente con una fuente de datos o herramienta en vivo (p. ej. Context7 para docs, Figma MCP, DataForSEO MCP, Supabase/Postgres MCP). Un Plugin agrupa skills y configuración en una unidad instalable (p. ej. Superpowers, Superpowers-V). Una App es un producto independiente terminado que ejecutas junto al agente (p. ej. superwhisper, axi, Claude.ai/design). En este stack, la columna Tipo de cada herramienta te indica cuál es.
- ¿Necesito todas estas herramientas?
- No. Este es un menú opinionado organizado por etapa de producto y prioridad, no una lista de verificación. Los elementos imprescindibles (Superpowers, Context7, claude-seo) son el núcleo; los recomendados y opcionales se incorporan según la necesidad. Añades herramientas a medida que subes de nivel — un desarrollador de Nivel 3 necesita el núcleo de codificación y voz-primero; la automatización de navegador, el diseño y la orquestación multi-agente se vuelven relevantes en Nivel 4 y superiores. Añade un MCP o skill para una brecha real en una habilidad, nunca 'por si acaso'.
- ¿En qué se diferencia esto de tu página de 'mejores herramientas de codificación con IA'?
- Esta página es el stack práctico que ProCoders realmente instala y ejecuta, organizado según donde encaja cada herramienta en el ciclo de producto, con tipos y prioridades. El análisis profundo de herramientas de codificación por nivel en /agentic-coding-tools es un estudio más amplio y clasificado de agentes de codificación emparejados con niveles de madurez. Considera esta como nuestra recomendación interna y aquella como el resumen de mercado. Se complementan entre sí.
- ¿Por qué el dictado es obligatorio desde el Nivel 3?
- Escribir es una pérdida de tiempo oculta, y en Middle (L3) el ahorro es demasiado grande como para dejarlo opcional. El patrón: dictar el ticket, la solicitud o el flujo de pensamiento y dejar que el agente lo estructure — más rápido que escribirlo limpio, y elimina la barrera del 'es demasiado largo para escribirlo'. El KPI es ≥80% de las solicitudes largas y tickets dictados en lugar de escritos. También es la interfaz natural para la forma de trabajar L7 de 'director, no codificador': la voz es como se orquesta una flota de agentes. Herramientas: superwhisper o handy.