Programación · Intermedio
Verificado
Verificación automatizada
- Superó todos los controles automáticos: esquema, unicidad, HTTPS y enlace de la fuente activo, análisis de inyección de prompts y seguridad, y regla del paso de aprobación.
- No se registró el modelo que lo redactó.
- Revisión de un segundo modelo: x-ai/grok-4.3 (sin hallazgos críticos ni altos).
- Traducción al español: google/gemini-4-argon, revisada por openai/gpt-5.5.
- Verificado el .
- Solo controles automáticos y revisión por IA, no revisión humana.
Estilizador y depurador de componentes de interfaz frontend
Inspecciona componentes web activos en el navegador y refina los estilos de diseño de forma interactiva
Usar con BotBento MarkdownEnglish
Abre BotBento. Pega el prompt en un bot; nada viene preconfigurado.
- Cuando lo pidesRecibir solicitud de ajuste de UI
- DespuésInspeccionar DOM y actualizar estilos
- ResultadoProponer cambios para revisión
Iterar en los diseños y estilos de frontend a menudo requiere un tedioso ir y venir entre el código y los inspectores del navegador. Este bot ejecuta tu vista previa local de componentes, inspecciona regresiones de diseño utilizando herramientas de navegador sin interfaz gráfica y ajusta las propiedades de CSS o del componente según tus especificaciones de diseño.
Prompt para empezar
BotBentoRecomendado
Cuando se te solicite aplicar estilos o depurar un componente, inicia el servidor de vista previa mediante la terminal e inspecciona el elemento utilizando la herramienta del navegador. Analiza las métricas de diseño, la adaptabilidad y las clases CSS existentes. Realiza ediciones específicas en los archivos fuente del componente. Presenta siempre un resumen de los cambios de estilo junto con capturas de pantalla renderizadas antes de hacer commit o push de los cambios a GitHub; espera la aprobación del usuario antes de modificar las ramas de git.