VibeCoding Pro es un framework de codificación por IA de alto rendimiento que reemplaza la autoevaluación sesgada por un agent de QA independiente basado en navegador para garantizar que el código realmente funcione.
Instalar y Descargar
1. ClawHub CLI
La forma más rápida de instalar una habilidad directamente desde el registro.
npx clawhub@latest install vibecoding-pro
2. Instalación manual
Copia la carpeta de la habilidad a una de estas ubicaciones
~/.openclaw/skills/ <project>/skills/ Prioridad: Espacio de trabajo > Local > Integrado
3. Instalación del prompt
Copia este prompt en OpenClaw para instalarlo automáticamente.
Ayúdame a instalar vibecoding-pro usando Clawhub. Si Clawhub no está instalado, instálalo primero (npm i -g clawhub).
¿Prefieres descargar?
Obtén los archivos originales de la habilidad en un archivo ZIP.
¿Qué es VibeCoding Pro?
VibeCoding Pro transforma el proceso estándar de codificación por IA de un enfoque de 'escribir y esperar' a un flujo de trabajo de ingeniería disciplinado e iterativo. Inspirado en la investigación de ingeniería de 2026 de Anthropic y la teoría de Redes Generativas Adversarias (GAN), elimina estructuralmente el sesgo de autoevaluación de la IA. Al desacoplar el agent Generador (Generator) creativo de un agent Evaluador (Evaluator) independiente, asegura que el código sea validado a través de interacciones del mundo real, en lugar de solo lógica interna.
La fuerza central de esta skill reside en su separación arquitectónica. El agent Evaluador nunca ve el código ni el razonamiento del Generador; solo interactúa con el artefacto desplegado en vivo mediante automatización de navegador. Esta tensión adversaria obliga a la IA a ir más allá del 'vibe coding' y producir software que cumpla con criterios de aceptación rigurosos, funcionales y basados en interacción.
Casos de uso de VibeCoding Pro
- Construcción de interfaces React o H5 Web UI que requieran pruebas de interacción reales mediante Playwright.
- Desarrollo de flujos de formularios de varios pasos, como asistentes (wizards), procesos de pago (checkouts) y secuencias de incorporación.
- Validación de integraciones de API y frontend mediante la verificación del estado de la base de datos en tiempo real.
- Gestión de sprints de desarrollo asistidos por IA de múltiples rondas para funciones críticas de producción.
- Reducción de código basura (AI slop) mediante la aplicación de una rúbrica de puntuación estructurada y un bucle de retroalimentación.
Cómo funciona VibeCoding Pro
- El proceso comienza con un Contrato de Especificación (Spec Contract), que sirve como la única fuente de la verdad para el Evaluador.
- El agent Generador (Generator) recibe la especificación y la retroalimentación anterior para construir y desplegar un artefacto.
- El agent Evaluador (Evaluator) accede a la URL desplegada utilizando un navegador real, completamente independiente del código fuente.
- Usando Playwright o herramientas similares, el Evaluador ejecuta escenarios de prueba, hace clic en la UI y captura pruebas.
- El Evaluador genera un informe de retroalimentación JSON estructurado con una puntuación (0-100) basada en una rúbrica ponderada.
- Si la puntuación alcanza el umbral predefinido, el bucle termina; de lo contrario, activa una nueva iteración para el Generador.
Configuración de VibeCoding Pro
Para comenzar a utilizar VibeCoding Pro, puedes implementar el bucle de iteración usando los scripts de Python proporcionados. Asegúrate de tener tu entorno configurado para Openclaw Skills y la herramienta Playwright MCP.
# Instalar dependencias
pip install playwright
playwright install
# Ejecutar el bucle de iteración con un umbral específico
python iteration_loop.py --spec spec.md --url http://localhost:3000 --threshold 85 --rounds 15
Esquema de datos y taxonomía de VibeCoding Pro
Esta skill organiza su flujo de trabajo en torno a una taxonomía estricta de metadatos y documentos para mantener la independencia del agent.
| Archivo/Artefacto | Descripción | Propietario |
|---|---|---|
spec.md |
Contrato de requisitos funcionales y de interacción. | Usuario |
Generator Output |
Código fuente y archivos de artefacto desplegados. | Generator |
evaluator_report.json |
Puntuación estructurada, capturas de pantalla y registros de fallos. | Evaluator |
iteration_history |
Registro de retroalimentación utilizado por el Generador para mejorar. | System |
Funciones avanzadas de VibeCoding Pro
- Soporte para cuatro variantes de arquitectura: Secuencial, Paralela, Etapizada y Humano-en-el-bucle (Human-in-the-loop).
- Detección de meseta y cambio de estrategia para evitar que el Generador se quede atrapado en mínimos locales.
- Calibración automática del evaluador para evitar la deriva de puntuación y garantizar estándares de calidad consistentes.
- Integración con sub-agents de Openclaw Skills utilizando la herramienta Playwright MCP para interacciones de UI en el mundo real.
- Rúbricas de puntuación personalizadas que ponderan la integridad funcional, el manejo de casos de borde y la calidad artesanal.
SKILL.md
Cargando
Habilidades relacionadas de Openclaw
Calibración de Intención MOVA
Un proceso de pensamiento guiado y estructurado de 9 pasos para transformar solicitudes brutas de los usuarios en intenciones explícitas, comprobables y con responsabilidad atribuida.
WSL Screenshot
Un puente especializado que permite a los usuarios de WSL2 realizar capturas de pantalla del escritorio de Windows directamente desde la terminal de Linux mediante la invocación de PowerShell.
Análisis de Tendencias de Skills
Una skill de análisis profesional diseñada para realizar un seguimiento de las tendencias de crecimiento, los rankings y las métricas de rendimiento de Openclaw Skills mediante consultas estructuradas a la API.
Control de dispositivos Android (Another)
Un skill de servidor MCP de nivel profesional que permite a los agentes de IA controlar, automatizar e interactuar completamente con dispositivos Android a través de adb y scrcpy.
TQSDK Read: Conector de Datos del Mercado de Futuros
Una skill de datos financieros profesional para acceder a cotizaciones de futuros en tiempo real, precios de opciones y datos históricos de K-line a través del framework TQSDK.
EdgeBets Simulación Deportiva
EdgeBets es un motor de simulación deportiva de alto rendimiento que utiliza análisis de Monte Carlo para identificar ventajas en las apuestas y predecir los resultados de los juegos.
Presentado*
