CLI Extrae el Sistema de Diseño de Cualquier Sitio Web
Esta nueva herramienta CLI permite extraer un sistema de diseño de cualquier sitio web, simplificando el trabajo para desarrolladores y diseñadores.
CLI Extrae el Sistema de Diseño de Cualquier Sitio Web
Esta herramienta CLI te permite simplemente pasar una URL, y automáticamente extraerá:
- colores
- tipografía
- espaciado
- bordes
- sombras
- componentes
- puntos de ruptura
- tokens de movimiento
Además, la herramienta genera un archivo DESIGN.md, lo que la hace muy conveniente de usar.
Los desarrolladores frontend, codificadores de vibra y diseñadores ahora pueden cerrar DevTools y abrir la terminal, agilizando su flujo de trabajo.
Por qué es importante
AnálisisEsta herramienta simplifica significativamente el proceso de diseño al permitir un acceso rápido a los datos necesarios de cualquier sitio web. Puede ahorrar tiempo y esfuerzo a desarrolladores y diseñadores.
Debatir en la comunidad
Comparte tus preguntas e ideas con desarrolladores
Relacionado en el ecosistema
Guías prácticas, terminología y skills de agentes
WebMCP y Herramientas Nativas del Navegador
Adaptación del Model Context Protocol (MCP) para operar directamente en el navegador web, permitiendo que los agentes de IA interactúen con el DOM, LocalStorage, WebAssembly e IndexedDB sin demonios locales.
Creamos un sistema de diseño en Figma con Claude Code
Guía paso a paso para crear un sistema de diseño completo en Figma con Claude Code: tokens, componentes, variables y pantallas finales.
DESIGN.md Extractor: analiza el diseño de cualquier web con Claude
Guía práctica y completa sobre el skill DESIGN.md Extractor para Claude Code: extracción de tokens visuales, generación de DESIGN.md, vista previa interactiva en HTML y exportación a Tailwind CSS.
MCP (Model Context Protocol)
Estándar abierto de Anthropic basado en JSON-RPC 2.0 para la conexión bidireccional unificada de asistentes de IA a herramientas externas, bases de datos y entornos de sistema.