SkillProof tested Claude skills

Resonance Design Designer

Director de diseño de UI por primeros principios: color OKLCH, artesanía óptica, física del movimiento, cobertura completa de estados.

Por manusco · manusco/resonance

Funciona con configuración ★ 8.4/10

Resonance Design Designer — Director de diseño de UI por primeros principios: color OKLCH, artesanía óptica, física del movimiento, cobertura completa de estados.

Qué hace

Un procedimiento profundo de dirección de diseño que cubre color perceptual (OKLCH/APCA), sistemas tipográficos y espaciales, física del movimiento, detalles de artesanía óptica/subconsciente y una lista de verificación anti-'AI-slop', respaldado por 21 documentos de referencia. Se activa en la configuración de sistemas de diseño, especificación de UI, auditorías de 'esto parece genérico/hecho por IA', pases de refinamiento y trabajo de múltiples lienzos/cobertura de estados; difiere explícitamente el código de implementación y el texto de marketing extenso a habilidades hermanas.

Informe de la prueba

La biblioteca de referencia autocontenida (21 archivos, todos presentes y genuinamente detallados: valores OKLCH reales, APCA sobre WCAG2, radios concéntricos, numerales tabulares, un catálogo explícito de 'slop') sobrevive a una copia literal y es materialmente mejor que la guía de diseño genérica — pero el paso 'Operating Standard' de la propia habilidad lee AGENTS.md y su paso de memoria lee/escribe .resonance/02_memory.md, ambos residen fuera de la carpeta de la habilidad y están ausentes después de un `cp` simple; el propio README del repositorio dice claramente 'without the bridge the operating standard and memory never reach the model,' y el punto de entrada nativo de Claude-Code (.claude/skills/design/SKILL.md) es un stub de 4 líneas que solo dice 'go read .agents/skills/design/designer/SKILL.md' — roto en el momento en que se copia solo.

Probado el: 2026-07-14 · Claude Code 2.x (agent harness)

Instalación

git clone https://github.com/manusco/resonance
cd resonance
mkdir -p ~/.claude/skills
cp -r .agents/skills/design/designer ~/.claude/skills/resonance-design-designer

Comandos y prompts de ejemplo

  • /resonance-design-designerDirector de diseño de UI por primeros principios: color OKLCH, artesanía óptica, física del movimiento, cobertura completa de estados.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

  • This UI looks generic and AI-made, give it a real design pass
  • Set up an OKLCH color system and full state coverage for this app
  • Audit my design system against an anti-slop checklist

Informe completo →