Saltar al contenido
9/10
I Diseño

Impeccable

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/planificarcraft, shape, init, document
Revisar/arreglarcritique, audit, polish, distill
Ajustar estilobolder (más atrevido), quieter (más sobrio), colorize, typeset, layout
Interacciónanimate, delight, overdrive, adapt
Robustezharden (errores, textos largos), onboard (primer uso), clarify (textos claros)
Rendimientooptimize
Navegador en vivolive, 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ímite

Anti-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" → critique o audit.
  • "Esta web se ve aburrida" → bolder.
  • "Demasiado recargada" → quieter o distill.
  • "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 audit y /impeccable optimize.
  • Inspeccionar una web publicada: npx impeccable detect https://ejemplo.com (usa tu navegador; no modifica nada).

Cómo se instala

npx impeccable install

Luego, 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

Volver a Skills