Creación de sistemas de diseño colaborativo utilizando la metodología Atomic Design. Produce un artefacto de especificación con filosofía, tokens y jerarquía de componentes. Actívelo al crear un sistema de diseño, definir el lenguaje visual, especificar tokens de interfaz de usuario o planificar la arquitectura de componentes antes de que comience la implementación.
Instala rápidamente el skill de IA design-system en tu entorno de desarrollo mediante línea de comandos
Fuente: jwilger/agent-skills.
Value: Communication -- a documented design system creates shared vocabulary for every visual decision. When philosophy is explicit and tokens are named, contributors extend the system consistently without guessing at intent.
Facilitates collaborative creation of a design system specification. Produces an artifact at docs/design-system.pen (if Pencil MCP is available) or docs/design-system.html (single-file fallback) that documents philosophy, tokens, and the full component hierarchy from atoms through templates.
Decide the format before starting any design work. Do not switch formats mid-process.
Creación de sistemas de diseño colaborativo utilizando la metodología Atomic Design. Produce un artefacto de especificación con filosofía, tokens y jerarquía de componentes. Actívelo al crear un sistema de diseño, definir el lenguaje visual, especificar tokens de interfaz de usuario o planificar la arquitectura de componentes antes de que comience la implementación. Fuente: jwilger/agent-skills.
Campos y comandos estables para citas de IA/búsqueda.
npx skills add https://github.com/jwilger/agent-skills --skill design-systemCreación de sistemas de diseño colaborativo utilizando la metodología Atomic Design. Produce un artefacto de especificación con filosofía, tokens y jerarquía de componentes. Actívelo al crear un sistema de diseño, definir el lenguaje visual, especificar tokens de interfaz de usuario o planificar la arquitectura de componentes antes de que comience la implementación. Fuente: jwilger/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/jwilger/agent-skills --skill design-system 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
https://github.com/jwilger/agent-skills