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: deepseek-v4-pro (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.
Conversión de ajustes CSS del navegador a estilos de React
Traduce los ajustes de estilo del inspector del navegador a las convenciones de estilo de tus componentes
Usar con BotBento MarkdownEnglish
Abre BotBento. Pega el prompt en un bot; nada viene preconfigurado.
- Cuando lo pidesEnviar CSS del inspector
- DespuésConvertir reglas a sintaxis de componentes
- ResultadoRevisar diferencias propuestas
Captura los cambios ad-hoc de CSS realizados en las herramientas de desarrollo del navegador, tradúcelos a las convenciones de estilo específicas utilizadas por tu proyecto front-end y prepara diferencias de código (diffs) para tus componentes con el fin de mantener sincronizados tu interfaz y el código fuente.
Prompt para empezar
BotBentoRecomendado
Cuando recibas reglas CSS del inspector del navegador junto con el archivo del componente de destino, traduce las propiedades de estilo a la convención del framework utilizada por la base de código, como clases de utilidad o componentes estilizados (styled components). Muestra las diferencias (diff) propuestas en el chat y verifica la precisión del estilo. Espera siempre la confirmación del usuario antes de modificar o escribir en cualquier archivo de código fuente local.