impeccablepor Paul Bakaus

Impeccable Skill.

Un skill de Claude Code y Codex para revisión de diseño: un único skill para diseñar, criticar, auditar, pulir, animar y refinar interfaces.

Revisión de Diseño y Accesibilidad
Código UI

Descargar OpenDesign Ver guía de uso

pbakaus/impeccable · plugin/skills/impeccable/SKILL.mdSKILL.md

--- name: impeccable description: Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, … --- ## Setup ## How to design ## Modes ## Commands

Encabezados de sección y metadatos leídos del archivo original el 14/09/2026 · 11 912 caracteres en total

01 Qué hace

Qué hace la Skill impeccable en Claude Code y Codex

Resumen, flujo de trabajo y resultados, todo leído del SKILL.md del skill.

Del SKILL.mdLeído 2026-09-14 · no es una ejecución registrada

En los propios términos del Skill

Impeccable transforma interfaces frontend mediante diseño, crítica, auditoría, pulido, animación y refinamiento. Cubre sitios web, landing pages, dashboards, UI de producto, componentes, formularios, ajustes, onboarding y estados vacíos, abordando revisión de UX, jerarquía visual, accesibilidad, rendimiento, comportamiento responsive, theming, tipografía, espaciado, layout, color, movimiento, microinteracciones y sistemas de diseño.

La skill ofrece un nivel de oficio fuera de lo común mediante código de calidad de producción, máxima creatividad, un punto de vista claro y un oficio excepcional. Organiza el trabajo en torno a cuatro modos —Persuade, Operate, Read, Experience— y más de veinte comandos especializados. Cada sesión carga el contexto del producto, el universo visual y los briefings de superficie mediante un script de lanzamiento, y luego sigue guías específicas de cada comando y un umbral de calidad de oficio.

Qué produce

PRODUCT.md que captura contexto de producto duradero mediante el comando init
DESIGN.md generado a partir del código existente del proyecto mediante el comando document
Tokens y componentes reutilizables incorporados al sistema de diseño mediante el comando extract
Código de UI de calidad de producción con entregables completos, máxima creatividad y un oficio excepcional

Ver el ejemplo de prompt ↗

Cómo funciona

01
Cargar el contexto de sesión una sola vez
Ejecute el script impecable con el argumento context una vez por sesión desde el directorio del skill.
02
Cargue el Playbook de la Solicitud
Para subcomandos explícitos o implícitos, cargue la referencia de la tabla Commands; para nuevas superficies o mundos visuales de reemplazo, cargue new-work.md.
03
Lea Craft Floor Antes de Editar
Después de resolver el análisis y la dirección, lea craft-floor.md inmediatamente antes de cualquier edición de UI, incluidos los refinamientos pequeños.
04
Elija el Modo según el Tipo de Superficie
Seleccione Persuade para landing pages y marketing donde los visitantes decidan y actúen. Elija Operate para UI de aplicaciones y dashboards donde los visitantes completen tareas.
05
Verifique en Pasadas Acotadas
Construya por completo, inspeccione una vez con una ronda por lotes que cubra escritorio y móvil juntos en web o las clases de dispositivos publicadas en nativo.

02 Encuentra tu caso de uso

Cuándo usar el skill impeccable

Usa el skill impeccable en Claude Code o Codex cuando el trabajo sea revisión de diseño de este tipo. El alcance y límites a continuación están tomados del archivo propio del skill.

Buen caso de uso

El usuario quiere diseñar, rediseñar, dar forma, criticar, auditar, pulir, aclarar, destilar, robustecer, optimizar, adaptar, animar, colorear, extraer o mejorar de otro modo una interfaz frontend
Diseños insulsos que necesitan volverse más atrevidos o más deleitables
Diseños ruidosos que deberían volverse más discretos
Iteración en vivo en el navegador sobre elementos de UI
Efectos visuales ambiciosos que deberían sentirse técnicamente extraordinarios

Conozca los límites

Tareas solo de backend

Qué proporcionar

Archivo o ruta de destinoPase un archivo fuente o ruta con nombre usando la bandera --target con un argumento de ruta al ejecutar el script de contexto.
PRODUCT.mdArchivo de contexto de producto duradero cargado por el launcher. Cuando el launcher falla, lea el archivo existente directamente sin inventar contexto faltante.
Goldens de regresión visual o fixtures de captura de pantallaCuando la aplicación no puede ejecutarse, comience con los goldens de regresión visual o fixtures de captura de pantalla confirmados.

03 Dentro del skill

Reglas que el Skill Impecable le Da a Claude Code y Codex

6 instrucciones concretas, valores predeterminados y límites que SKILL.md establece para el agente: la parte del archivo que cambia el resultado.

El Briefing Gana
Respete las estéticas, épocas, materiales, tipografías y paletas fijadas incluso cuando entren en conflicto con una advertencia de patrón saturado. Redirigir un briefing claro hacia su propio gusto es un fracaso.
El Refinamiento Preserva; el Rediseño Reemplaza
El refinamiento conserva la identidad, el comportamiento, los textos y todo lo que quede fuera del alcance.
La Autoridad Visual Es Evidencia, No un Nombre de Archivo
La ausencia de DESIGN.md por sí sola no convierte un proyecto en greenfield. El playbook de trabajo nuevo decide si preservar, ampliar o reemplazar el mundo existente según la evidencia visual.
Verificar en Pases Acotados, No en un Bucle
El límite cubre todo el ciclo: capturas, escaneos de defectos, micro-ediciones y reconstrucciones.
Nunca Reparar el Drift como Efecto Secundario
Una directiva CONTEXT_STALE se reporta, no se ejecuta, a menos que el usuario lo solicite explícitamente. La única excepción son los hallazgos marcados como auto, que la siguiente escritura en ese archivo realiza igualmente.
Un Fallo del Lanzador No Bloquea el Trabajo
Ante un rechazo o fallo del script, envíe un mensaje separado y luego lea directamente PRODUCT.md y DESIGN.md existentes sin inventar contexto faltante.

04 Ponlo a trabajar

Instalar impeccable en Claude Code o Codex

Un comando npx skills add, luego una primera tarea en tu agente y una lista de verificación para el resultado.

Añade impeccable a Claude Code, Codex o tu agente

Ejecútelo en su proyecto; el instalador pregunta a qué agente añadirlo.

Terminal

npx skills add https://github.com/pbakaus/impeccable --skill impeccable

Forma genérica del CLI skills para plugin/skills/impeccable/SKILL.md; el repositorio puede documentar su propia ruta.

Dale al skill una primera tarea de revisión de diseño

Redactado en los términos del propio skill; sustituya las partes entre corchetes por su material.

Starter prompt

Audit [src/components/SettingsPanel.tsx] for accessibility and responsive behavior, then polish the form layout and typeset the section headings to improve visual hierarchy. The panel should feel confident but scannable for users managing account preferences.

Fuente: redactado a partir del SKILL.md en los términos del propio skill.

Revisa el primer resultado

Lo que el propio SKILL.md indica que debe ser un resultado correcto:

Confirme con como máximo una ronda más y luego deje de pulir
Ejecute escaneos de defectos como parte del ciclo de verificación acotado
Verifique el objetivo y la vigencia frente a los tokens, CSS, componentes o assets actuales
Compare capturas de tema y variante al trabajar con sistemas de theming

En OpenDesign impeccable está incluido: Plugins → Skills, selecciónelo en la barra superior.

Descargar OpenDesign Leer la guía de inicio rápido

05 Código abierto, rastreable

Fuente, Licencia y Verificación

De dónde provienen los datos de esta página y cuándo se verificaron por última vez.

Author: Paul Bakaus
Repository: github.com/pbakaus/impeccable Rama main
Archivo de skill: plugin/skills/impeccable/SKILL.md Checksum de contenido registrado en verificación; commit cb56ed6
License: Apache-2.0 De LICENSE; SKILL.md dice "Apache 2.0".
Estrellas del repositorio: 67.876 Captura de GitHub tomada el 14/09/2026 para todo el repositorio pbakaus/impeccable. No es una valoración ni recuento de uso de impeccable.
Verificado por OpenDesign: 14-09-2026 Se verificaron el archivo fuente, la ruta, el texto de licencia y el recuento de estrellas. Incluido en OpenDesign main (verificado el 28-08-2026); no se ha registrado una ejecución real en esta página.

Dentro del SKILL.md

ConfiguraciónEjecute el script de contexto una vez por sesión, cargue el playbook, lea el craft floor antes de editar
Cómo diseñarEl briefing prevalece, el refinamiento preserva la identidad mientras que el rediseño la reemplaza, la autoridad visual es evidencia, no el nombre del archivo
ModosPersuadir para landing pages, Operar para dashboards, Leer para documentación, Experimentar para portfolios
ComandosMás de veinte comandos organizados en categorías de Crear, Evaluar, Refinar, Mejorar, Corregir e Iterar con archivos de referencia

La descripción propia del Skill

"Se usa cuando el usuario quiere diseñar, rediseñar, dar forma, criticar, auditar, pulir, aclarar, destilar, endurecer, optimizar, adaptar, animar, colorizar, extraer o de cualquier otra forma mejorar una interfaz frontend. Cubre sitios web, landing pages, dashboards, UI de producto, shells de aplicaciones, componentes, formularios, ajustes, onboarding y estados vacíos. Maneja revisión UX, jerarquía visual, arquitectura de información, carga cognitiva, accesibilidad, rendimiento, comportamiento responsive, theming, anti-patrones, tipografía, fuentes, espaciado, layout, alineación, color, movimiento, micro-interacciones, copy UX, estados de error, casos extremos, i18n y sistemas de diseño o tokens reutilizables. También se usa para diseños anodinos que necesitan volverse más audaces o deliciosos, diseños ruidosos que deben volverse más silenciosos, iteración en vivo del navegador sobre elementos de UI o efectos visuales ambiciosos que deben sentirse técnicamente extraordinarios. No para tareas solo de backend o sin UI."

Descripción del front-matter de SKILL.md. El archivo completo tiene unos 11.912 caracteres. Lee el archivo completo en GitHub.

06 Antes de instalar

Preguntas Sobre el Skill impeccable

Las respuestas provienen del SKILL.md tal como se leyó el 2026-09-14, no de una ejecución registrada.

¿Qué comando debo usar para mi solicitud?

Si no se proporciona ningún argumento, lea routing.md y presente su menú contextual; nunca ejecute un comando automáticamente. Para solicitudes explícitas o claramente implícitas, cargue la referencia de la tabla de Comandos.

Para preguntas sobre workflow o selección de comandos, lea la sección Workflow questions en routing.md. De lo contrario, trate la solicitud como trabajo de diseño general.

Impeccable

Ejecuta impeccable en una tarea real de revisión de diseño.

El skill impeccable viene incluido en OpenDesign. Descarga la aplicación, selecciona el skill en Plugins → Skills, pega el prompt anterior y lee el plan antes del resultado.

Descargar OpenDesign Ver todas las skills