DiseñoImpeccable
Es una herramienta de diseño para tu IA con 24 comandos (polish, audit, critique, bolder...) y un detector automático que caza los defectos típicos de las webs hechas por IA. Corrige lo que hace que todo se vea igual y genérico.
Revisada el 2026-09-21
- Popularidad
- 69.6k
- Licencia
- Apache-2.0
- Categoría
- Diseño
Seguridad: revisada
El contenido es seguro; el instalador o el servicio externo no se auditan aquí.
¿Qué es?
Es una herramienta de diseño completa que se instala en tu asistente de IA. Añade un comando único, /impeccable, con 24 subcomandos para tareas de diseño concretas.
Piénsalo como un revisor de diseño automático: le pasas tu web y te dice exactamente qué está mal (colores, tipografía, espaciado, accesibilidad...) y cómo arreglarlo. Además incluye un detector que funciona sin IA: analiza tu código y marca 61 defectos conocidos.
Los 24 comandos, agrupados:
| Para qué | Comandos |
|---|---|
| Crear/planificar | craft, shape, init, document |
| Revisar/arreglar | critique, audit, polish, distill |
| Ajustar estilo | bolder (más atrevido), quieter (más sobrio), colorize, typeset, layout |
| Interacción | animate, delight, overdrive, adapt |
| Robustez | harden (errores, textos largos), onboard (primer uso), clarify (textos claros) |
| Rendimiento | optimize |
| Navegador en vivo | live, generate |
Ejemplos de uso:
/impeccable audit blog # Auditar la web del blog
/impeccable critique landing # Revisión de diseño de la landing
/impeccable polish settings # Repaso final antes de publicar
/impeccable harden checkout # Mejorar errores y casos límiteAnti-patrones que corrige (lo que delata a una web hecha por IA): no usar tipografías manidas (Arial, Inter), no poner texto gris sobre color, no usar negro/gris puro, no meter todo en "tarjetas" redondeadas, no usar animaciones antiguas de rebote.
¿Cuándo me sirve?
Cuando haces o encargas diseño de webs/apps y quieres mejorar la calidad visual:
- "Revisa mi landing y dime qué falla" →
critiqueoaudit. - "Esta web se ve aburrida" →
bolder. - "Demasiado recargada" →
quieterodistill. - "Arréglame los tipos de letra" →
typeset. - "Pulir antes de publicar" →
polish.
¿Esto me sirve a mí?
Sí, si tienes o haces una web/app y quieres que parezca profesional y no "hecha por IA".
| Si un día piensas... | Impeccable te da... |
|---|---|
| "Mi web se ve sosa" | bolder la hace más atractiva |
| "Se ve anticuada o rara y no sé por qué" | audit detecta 61 defectos concretos |
| "No sé si es accesible" | audit revisa accesibilidad |
| "Quiero pulirla antes de lanzarla" | polish da el repaso final |
| "Quiero mejorar los textos de los botones" | clarify |
No te sirve si no haces nada visual (ni webs, ni apps, ni interfaces).
¿Es segura?
Veredicto: ✅ Limpia con matices.
- La skill: es un archivo de texto con instrucciones de diseño. No ejecuta código dañino.
- El "motor": Impeccable usa un programa ejecutable (un binario) que se descarga de la página de releases de su propio GitHub la primera vez. Es lo que analiza tu código.
- Punto positivo de seguridad: la descarga verifica un checksum (huella digital sha256) para asegurarse de que el archivo no ha sido manipulado. Si no puede verificarlo, se niega a ejecutarlo (medida prudente).
- El matiz 1 — descarga un ejecutable: esto es normal en herramientas de este tipo, pero significa que confías en el autor. Es un proyecto muy popular (69.6k estrellas) y de código abierto Apache-2.0.
- El matiz 2 — modo "live": la función de iteración visual en el navegador levanta un servidor en tu propio ordenador y puede ejecutar un script de validación definido en tu
package.json. Solo funciona en proyectos locales de confianza; no lo uses en webs de producción.
Casos de uso
- Auditar una web:
npx impeccable detect src/(detecta defectos sin IA). - Revisión de diseño completa:
/impeccable critique landing. - Mejorar el atractivo:
/impeccable bolder. - Repaso antes de publicar:
/impeccable polish. - Arreglar accesibilidad y rendimiento:
/impeccable audity/impeccable optimize. - Inspeccionar una web publicada:
npx impeccable detect https://ejemplo.com(usa tu navegador; no modifica nada).
Cómo se instala
npx impeccable installLuego, dentro de tu asistente de IA: /impeccable init.
¿Dónde funciona?
| CLI | ¿Funciona? | Notas |
|---|---|---|
| OpenCode | ✅ Sí | npx impeccable install lo detecta |
| Claude Code | ✅ Sí | Soporte completo, incluso hook automático |
| Codex | ✅ Sí | Requiere aprobar el hook con /hooks |
| Cursor | ✅ Sí | Puede bloquear malas escrituras antes de aplicarlas |
| GitHub Copilot | ✅ Sí | Soporte de hook |
| Gemini CLI | ✅ Sí | cp -r dist/gemini/.gemini tu-proyecto/ |
| Grok Build | ✅ Sí | Requiere confiar en la carpeta |
| Otros (Pi, Trae, Qoder, Trae, Vibe...) | ✅ Sí | Soporta ~17 asistentes |
Muy compatible. Importante: el hook (detección automática al editar) solo existe en Claude Code, Codex, Cursor, GitHub Copilot y Grok Build; en el resto funciona el comando manual.
Enlaces
- Repositorio: https://github.com/pbakaus/impeccable
- Web oficial: https://impeccable.style
- Detector: https://impeccable.style/docs/detector