Saltar al contenido
Por nextlevelbuilder

Tokens y especificaciones de diseño

/design-system

/design-system es una skill de Claude Code de la sección Web y Diseño. La mantiene nextlevelbuilder y se publica con licencia MIT. Define tokens de diseño en tres capas (primitivo, semántico, componente), variables CSS, escalas y especificaciones de componentes; también genera diapositivas.

Descripción del autor (traducida)

Arquitectura de tokens, especificaciones de componentes y generación de diapositivas. Tokens en tres capas (primitivo→semántico→componente), variables CSS, escalas de espaciado y tipografía, especificaciones de componentes, creación estratégica de diapositivas. Úsala para design tokens, diseño sistemático, presentaciones alineadas con la marca.

Cómo pedírselo

  • Crea un sistema de tokens de diseño en tres capas para mi producto
  • Define las escalas de espaciado y tipografía de mi design system
  • Genera diapositivas de marca a partir de mis design tokens

Instalar

curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash

Tras instalar con el script, escribe /design-system. ¿Usas Cursor, Windsurf o Codex? Guías por plataforma

Demo en camino

↑↓ moverte · Enter abrir · Esc cerrar