# 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.

- Versión web: https://skills.sgomez.dev/es/s/design-system
- Sección: [Web y Diseño](https://skills.sgomez.dev/es/web.md)
- Autor: nextlevelbuilder
- Licencia: MIT
- Código: https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/tree/09170eec67eefd46a7ae85de61b40c194020f997/.claude/skills/design-system
- Actualizada el 27 sept 2026

## 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

macOS · Linux:

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

Windows:

```
irm https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.ps1 | iex
```


## 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 revisamos esto](https://skills.sgomez.dev/es/methodology.md)