Superdesign
Dirige el CLI de Superdesign para reproducir, luego ramificar, tu UI en un lienzo de diseño.
Tested · Didn't pass
Qué hace
Envuelve el lienzo de diseño alojado en @superdesign/cli: analiza el repositorio en .superdesign/init/, crea un borrador de reproducción pixel-perfect de una página existente, luego ramifica variantes visuales y flujos de página completos. Se activa en solicitudes de rediseño, extracción de sistemas de diseño, variantes de UI y flujos de varias páginas; explícitamente no para trabajo solo de implementación. Requiere una cuenta de Superdesign y un inicio de sesión interactivo en el navegador antes de ejecutar cualquier comando.
Informe de la prueba
Tarea: extraer un sistema de diseño de un repositorio y crear un borrador de página a través de CLI, según lo prescrito por SKILL.md. La instalación fue honesta: `npx --yes @superdesign/cli@latest --version` realmente devolvió 0.5.1, los archivos references/SUPERDESIGN.md (551 líneas) y references/INIT.md (158 líneas) estaban en su lugar después de copiar. Pero luego un obstáculo: tanto `list-design-systems` como `create-project --title "SkillProof test"` devolvieron `✗ Not authenticated. Run superdesign login first.` — se necesita una cuenta y un inicio de sesión interactivo en el navegador, por lo que NO verifiqué la salida de diseño en sí y no le asigno puntos (output=3 — esto es solo lo que se midió realmente hasta el muro de autorización). La línea base sin skill (pedir al agente que diseñe manualmente variantes HTML) genera código, pero no borradores de lienzo, por lo que una comparación sustantiva es imposible. Se observó por separado: el CLI escribe `SuperDesign collects anonymous CLI usage; set DO_NOT_TRACK=1 to disable` al inicio, y las fuentes y `--user-request` según la documentación van a los servidores de SuperDesign — esta es una característica de producto declarada y se divulga en references/SUPERDESIGN.md, sin exfiltración oculta.
Probado el: 2026-07-16 · Claude Code 2.x (agent harness)
Instalación
git clone https://github.com/superdesigndev/superdesign-skill.git mkdir -p ~/.claude/skills cp -r superdesign-skill/skills/superdesign ~/.claude/skills/superdesign
Comandos y prompts de ejemplo
/superdesignDirige el CLI de Superdesign para reproducir, luego ramificar, tu UI en un lienzo de diseño.
Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):
Reproduce this page pixel-perfect on a design canvas, then branch variantsExtract my repo's design system into a canvas I can iterate onCreate alternate visual variants of this whole page flow for review