GetDesign
Convierte cualquier URL en vivo en un design.md de 9 secciones fundamentado — cada hex y fuente debe rastrearse hasta el CSS obtenido.
Probado · Funciona
Qué hace
Obtiene el HTML de un sitio y las hojas de estilo vinculadas (además de una captura de pantalla del navegador cuando esté disponible), extrae tokens reales de color/tipografía/espaciado/sombra/breakpoint, y redacta un design.md estricto de 9 secciones — negándose a inventar cualquier valor que no pueda rastrear a una regla CSS o píxel obtenido. Se activa cuando un usuario pega una URL y pide un sistema de diseño, guía de estilo, tokens de marca o clonar el aspecto de un sitio; excluye explícitamente las exportaciones de Figma y localhost.
Informe de la prueba
Se le apuntó a basecamp.com de verdad: la línea base sin fundamento adivinó con confianza la fuente Inter y un #4285F4-ish blue en una cuadrícula de 8px, mientras que la obtención real de CSS de la habilidad reveló las verdaderas webfonts personalizadas 'Graphik'/'Sharpie', colores basados en oklch y una escala de espaciado basada en em (no px) — y se negó correctamente a inventar breakpoints que las hojas de estilo muestreadas no contenían.
Probado el: 2026-07-14 · Claude Code 2.x (agent harness)
Instalación
git clone https://github.com/MohtashamMurshid/getdesign cd getdesign mkdir -p ~/.claude/skills cp -r skills/getdesign ~/.claude/skills/getdesign
Comandos y prompts de ejemplo
/getdesignConvierte cualquier URL en vivo en un design.md de 9 secciones fundamentado — cada hex y fuente debe rastrearse hasta el CSS obtenido.
Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):
Here's https://stripe.com, generate a design.md of their tokens.Extract the brand colors and typography from https://linear.app.Clone the visual style of this site into a grounded style guide.