Repolode
Enviar
SupportPages-io

SupportPages-io/wtfm

Plugin para Claude Code y Codex que redacta artículos de ayuda para usuarios a partir del código fuente y genera capturas de pantalla desde el marcado de la interfaz.

Ver en GitHubSitio web
Estrellas
121
Forks
10
Issues abiertos
7
Último commit
hace 14 horas

¿Qué es?

WTFM es un plugin para agentes de programación como Claude Code y Codex que redacta documentación para usuarios finales: guías de uso y solución de problemas dirigidas a quienes usan un producto, no a quienes lo desarrollan. El agente lee el código fuente pertinente, obtiene de él las rutas, las etiquetas de los botones y los flujos, y redacta los pasos en lenguaje sencillo.

Cada pantalla de la guía se muestra con una captura de pantalla. WTFM reconstruye maquetas a partir del marcado, los estilos y la identidad visual propios del proyecto, y luego las renderiza en PNG con una instancia local de Chromium sin interfaz gráfica. Así, no hace falta ejecutar la aplicación ni capturar las pantallas manualmente. Los artículos se guardan en carpetas Markdown con las imágenes junto a ellos, y cada artículo pasa por verificaciones de estructura, contenido y capturas de pantalla antes de guardarse.

La herramienta se ejecuta localmente con tu propia suscripción al agente. Publicar en SupportPages.io es opcional y solo se hace si tú lo eliges. Es compatible con macOS y Linux; también se puede usar en Windows mediante WSL.

Funciones clave

  • 01Redacta artículos de uso y solución de problemas a partir del código fuente del proyecto.
  • 02Genera capturas de pantalla a partir del marcado, los estilos y la identidad visual del proyecto, sin ejecutar la aplicación.
  • 03Genera archivos Markdown sencillos con las imágenes guardadas junto a cada artículo.
  • 04Verifica la estructura, el contenido y las capturas de pantalla antes de guardar.
  • 05Funciona con Claude Code o Codex mediante un comando de configuración que se ejecuta una sola vez.

Casos de uso

  • Redactar una guía para clientes que no encuentran una función del producto.
  • Documentar tareas de administración, como invitar a miembros del equipo o cambiar la configuración.
  • Crear artículos ilustrados de solución de problemas para un centro de ayuda.
  • Mantener la documentación para usuarios en el mismo repositorio que el código del producto.

Inicio rápido

  1. 1

    Ejecuta el script oficial de instalación del README

  2. 2

    Configura tu ordenador

    wtfm setup
  3. 3

    Configura tu proyecto

    wtfm init
  4. 4

    Pide a Claude Code o Codex que escriba un artículo en tu proyecto

Antes de usarlo

  • Solo es compatible con macOS y Linux; los usuarios de Windows necesitan WSL.
  • Necesitas tener Claude Code o Codex instalado y haber iniciado sesión, además de Git.
  • Chromium para las capturas de pantalla se descarga la primera vez que ejecutas la configuración.

En colecciones

Herramientas, skills y plugins para Claude CodeFrameworks y apps de agentes de IA open sourceAsistentes y agentes de programación con IAHerramientas de CLI y terminalGeneradores de sitios estáticos y herramientas de documentación

Temas

#ai-agents#technical-writing#documentation#user-documentation#screenshots#claude-code#markdown#cli#codex#help-center

Preguntas frecuentes

¿Qué es wtfm?
Plugin para Claude Code y Codex que redacta artículos de ayuda para usuarios a partir del código fuente y genera capturas de pantalla desde el marcado de la interfaz. WTFM es un plugin para agentes de programación como Claude Code y Codex que redacta documentación para usuarios finales: guías de uso y solución de problemas dirigidas a quienes usan un producto, no a quienes lo desarrollan. El agente lee el código fuente pertinente, obtiene de él las rutas, las etiquetas de los botones y los flujos, y redacta los pasos en lenguaje sencillo.
¿wtfm es gratuito? ¿Qué licencia tiene?
wtfm es open source bajo la licencia Apache-2.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿wtfm sigue mantenido?
Mantenimiento activo. El último commit de wtfm fue el 5 nov 2026.
¿Para qué puedo usar wtfm?
Redactar una guía para clientes que no encuentran una función del producto. Documentar tareas de administración, como invitar a miembros del equipo o cambiar la configuración. Crear artículos ilustrados de solución de problemas para un centro de ayuda. Mantener la documentación para usuarios en el mismo repositorio que el código del producto.
¿Cómo se instala wtfm?
Ejecuta el script oficial de instalación del README Configura tu ordenador: wtfm setup Configura tu proyecto: wtfm init Pide a Claude Code o Codex que escriba un artículo en tu proyecto
¿Dónde consigo wtfm?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/SupportPages-io/wtfm

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados