← Volver al catálogo

design-system-extractor

Extracts a complete design system from any live website. Crawls pages using Firecrawl MCP, pulls colors, typography, spacing, shadows, radii, and gradients, then maps everything to a 3-layer token hierarchy (primitive, semantic, component). Outputs CSS custom properties, Style Dictionary JSON, a human-readable report, and a self-contained preview HTML that uses its own extracted tokens for styling

1estrellas
Actualizado hace 3 meses

Ver en GitHub ↗

Cómo agregar

/plugin marketplace add david-lai-jpg/design-system-extractor-skill

El comando exacto puede variar según el repositorio. Consulta el README en GitHub.

Para el autor de la skill

Pega en el README de tu repo

Muestra que tu skill está catalogada en Skillteca, genera backlink y tráfico rastreable.

Listada na Skillteca
[![Listada na Skillteca](https://www.skillteca.com.br/api/badge/design-system-extractor/svg)](https://www.skillteca.com.br/skills/design-system-extractor?utm_source=badge&utm_medium=readme&utm_campaign=badge)

Alerta por categoría

Recibe nuevas skills de Design e Frontend todos los lunes

Un email corto con solo las skills nuevas de Design e Frontend. 4 minutos de lectura, sin spam, te das de baja con un clic.

Confirmas tu email en el primer envío. Sin spam. Te das de baja con un clic.

CompartirXLinkedIn

Comentarios · Sin comentarios

Entra para comentar. Entrar

  • Aún no hay comentarios. Sé el primero.