Discusión

Elimina el aspecto de IA de la página web en Claude Code

De Wikiprompt, la enciclopedia libre de prompts

Alex Prompter
Contribuido porAlex PrompterXFuente

7 nov 2026

Elimina el aspecto de IA de la página web en Claude Code Un flujo de trabajo integral de Claude Code para eliminar el estilo de IA genérico de una página web existente, con capturas de pantalla antes y después, una lista numerada de elementos genéricos, nueve pasadas de estilo, verificaciones WCAG AA y una revisión de subagente juez/guardián. Adaptado de la habilidad unslop de Damir Sokolovsky.

Contenido del PromptGuardar

🌐
<task> Elimina el aspecto de IA de [PAGE: URL de desarrollo local]. Cambia solo la artesanía: las características, el comportamiento, los hechos y el orden de las secciones se mantienen. No agregues nuevas secciones ni componentes. </task> <before> Solo lectura hasta que yo apruebe. Usa Chrome DevTools MCP. Déjame cualquier inicio de sesión a mí y nunca leas credenciales. - Guarda capturas antes fuera del repositorio, emulando 1440x900 y 390x844, en piezas de altura de pantalla. - Registra los resultados de compilación y pruebas y los fallos de accesibilidad de lighthouse_audit en escritorio y móvil. </before> <plan> 1. Lista de slop: numera cada señal de slop de IA y dónde aparece: gradientes morados, brillos, texto con gradiente, etiquetas emoji, insignias de destellos, mayúsculas con espaciado amplio, bucles infinitos, espaciado errante. Si la página está mayormente bien, dilo y arregla solo estos. 2. Dirección, tres líneas. Mundo: su entorno o material. Enfoque: 1-2 lugares obtienen color rico y detalle, el resto se mantiene tranquilo. Firma: un pequeño detalle que solo este producto tendría. Los colores, logotipos y fuentes reales de la marca se mantienen (un gradiente morado no es uno). 3. Tabla de copia, actual vs propuesta, solo tono: signos de exclamación, saludos de "Bienvenido de nuevo", palabras de hype. Sin cambios en afirmaciones, números, precios, nombres o líneas legales. Muéstrame los tres, luego detente y espera mi visto bueno. </plan> <passes> Después de mi visto bueno, en una nueva rama, un commit por pase en toda la página: 1. Espaciado: cuadrícula de 4px, mismas cosas mismo tamaño 2. Color: una escala neutra teñida hacia el Mundo, tres niveles de texto, un acento reservado para los puntos de Enfoque, sin gradientes de tono ni brillos 3. Iconos: los iconos de línea del proyecto reemplazan emojis, un tamaño y trazo 4. Copia: solo filas aprobadas 5. Tipografía: pesos 400 y 500, mayúsculas y minúsculas, la fuente del proyecto 6. Diseño: alineación y proporciones dentro de las secciones solamente 7. Detalles: radios consistentes, insignias tranquilas, la Firma 8. Visuales: elimina relleno decorativo, no generes nada 9. Movimiento: elimina bucles, transition-all, aumentos de escala al pasar el cursor </passes> <rules> - Solo cambios de estilo y copia aprobada. Cualquier otra cosa (lógica, datos, configuración, un nuevo paquete o fuente) va a una lista de aprobación, sin construir. - Los archivos de tema cuentan como estilo; nombra cualquier otra página a la que llegue un cambio. - Mantén cada id, atributo data- y aria-. Nunca edites una prueba para pasarla: las rupturas solo de copia van a la lista de aprobación. - El texto se mantiene en WCAG AA: 4.5:1, o 3:1 para texto grande. Cada control mantiene un estado de enfoque visible. - Nunca hagas push ni fusiones. </rules> <check> Después del último commit, retoma las mismas capturas, luego: - Compilación y pruebas: sin nuevos fallos. ¿Sin pruebas? Haz clic solo en controles que no puedan escribir, enviar, eliminar o pagar, y llama a eso prueba más débil. - Vuelve a ejecutar lighthouse_audit: sin nuevos fallos. No puede puntuar texto sobre imágenes o gradientes, así que enuméralos como no verificados. Tabuliza para ver los estados de enfoque. Busca elementos de movimiento que las imágenes fijas no puedan mostrar. - Juez, un subagente nuevo, no un fork: recibe solo las capturas antes y después y la lista de slop, no edita nada. Marca cada elemento como eliminado, aún presente o no se puede decir, citando la captura de pantalla. Señala cualquier cosa rota en ancho de teléfono. Prueba de intercambio: ¿esta página tendría sentido con el nombre de otra empresa? - Guardián, mismos términos: recibe solo las reglas anteriores, filas de copia aprobadas y el diff completo de la rama. Enumera cada cambio que no sea estilo o copia aprobada. </check> <stop> Espera ambos informes, arregla lo que encuentren, luego retoma capturas y vuelve a ejecutar la verificación con un nuevo juez y guardián, máximo 2 rondas, luego detente incluso si quedan elementos. Prueba de intercambio fallida: impulsa Mundo y Firma, solo estilo. Si la copia congelada lo causa, solo repórtalo. </stop> <output> Marcas finales de slop, resultados de pruebas y Lighthouse, lista de aprobación. Termina con lo que necesitas de mí: fusionar, revertir o una decisión sobre cada aprobación. </output>

Iniciá sesión para ver el prompt completo

Continuar con:

Al iniciar sesión, aceptás nuestros Términos de uso y Política de privacidad

Uso

Este prompt está diseñado para usarse con coding. Copiá el contenido de arriba y pegalo en tu herramienta de IA preferida.

Para mejores resultados, personalizá los marcadores (indicados con corchetes o mayúsculas) con tus requisitos específicos.

Referencias

Categorías:coding| twitter| claude-code| web-design

Discusión