·design-systems
*

design-systems

Diseñe tokens, escalas de espaciado, sistemas de color y tipografía para crear interfaces de usuario consistentes. Úselo al crear sistemas de diseño, tematizar o establecer bases de interfaz de usuario.

7Instalaciones·2Tendencia·@moderndegree

Instalación

$npx skills add https://github.com/moderndegree/agent-skills --skill design-systems

Cómo instalar design-systems

Instala rápidamente el skill de IA design-systems en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/moderndegree/agent-skills --skill design-systems
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: moderndegree/agent-skills.

SKILL.md

Ver original

This skill covers the foundational elements of design systems — design tokens, spacing scales, color systems, typography, and naming conventions that enable consistent user experiences.

Diseñe tokens, escalas de espaciado, sistemas de color y tipografía para crear interfaces de usuario consistentes. Úselo al crear sistemas de diseño, tematizar o establecer bases de interfaz de usuario. Fuente: moderndegree/agent-skills.

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/moderndegree/agent-skills --skill design-systems Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Certificado de seguridad para código seguro y confiable Instalación con un clic y configuración simplificada Compatible con Claude Code, Cursor, OpenClaw y más

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/moderndegree/agent-skills --skill design-systems
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-22
Actualizado
2026-03-10

Browse more skills from moderndegree/agent-skills

Respuestas rápidas

¿Qué es design-systems?

Diseñe tokens, escalas de espaciado, sistemas de color y tipografía para crear interfaces de usuario consistentes. Úselo al crear sistemas de diseño, tematizar o establecer bases de interfaz de usuario. Fuente: moderndegree/agent-skills.

¿Cómo instalo design-systems?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/moderndegree/agent-skills --skill design-systems Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/moderndegree/agent-skills