Skill individual para IA · IA para Diseño Gráfico y Web

ckm:design-system

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.

Contenido de origen · revisión pendiente Idioma de origen: EN

Esta ficha muestra el contenido disponible en su idioma de origen.

Elige cómo usas la IA

Para proyectos ChatGPT · Gemini · Claude Para agentes Cursor · Claude Code · Codex

Ver cómo se usa

ZIP gratuito · Un único método canónico · Ejemplo de uso · Guía de instalación · Avisos de licencia

Qué recibes

Un método. Sin relleno.

01
SKILL.md / Instrucciones de proyecto
El mismo método, preparado para tu forma de trabajar.
02
EJEMPLO-DE-USO.md
Una petición que puedes adaptar a tu caso.
03
INSTALAR-CON-TU-IA.md
La ruta para interfaces web y agentes.

Versión: 1.0.1
Formato: Agnóstico
Acceso: Gratis con cuenta

Del archivo al resultado útil

Cómo pedir trabajo con esta skill instalada

Instalar la skill da un método a tu IA. Tu petición todavía debe aportar los hechos del caso, las restricciones y el entregable esperado.

1Nombra la tarea real

Describe la decisión o el entregable, no solo el tema.

2Aporta la información

Añade materiales, público, límites y hechos conocidos.

3Define qué significa acabado

Fija formato, criterios de calidad y comprobaciones.

Petición inicial adaptable Sustituye los corchetes por tu caso

Aplica la skill «ckm:design-system» a esta tarea.

Objetivo: [describe el resultado que necesitas]
Contexto: [empresa, público, situación y restricciones]
Material de partida: [pega o adjunta la información relevante]
Entregable: [formato, extensión y criterios de aceptación]

Antes de producir el resultado, enumera la información imprescindible que falta. No inventes datos. Explicita los supuestos e incluye una lista final de comprobación.

Cuándo usarla

Design token creation
Component state definitions
CSS variable systems
Spacing/typography scales
Design-to-code handoff
Tailwind theme configuration
Slide/presentation generation

Elige el alcance adecuado

Packs que incluyen esta skill

Descarga solo este método o llévatelo junto con el resto de su área profesional.

Esta ficha

Skill individual

La descarga útil más pequeña, preparada para un proyecto web o para un agente.

Elegir formato →

Pack profesional

IA para Diseño Gráfico y Web

Esta skill junto a los demás métodos seleccionados para esta área profesional.

Explorar el pack →

Mismo método, distinta instalación

¿Dónde vas a usarla?

No duplicamos la skill para cada plataforma. Conservamos un método canónico y explicamos la ruta de instalación correcta.

01 ChatGPT

Úsala como conocimiento e instrucciones de un proyecto.

Abrir guía de interfaz web → 02 Claude

Añádela a un Proyecto y separa el material de cada caso.

Abrir guía de interfaz web → 03 Agentes e IDEs

Instala SKILL.md en la ruta esperada por tu agente.

Comparar guías de agentes →

Trazable por diseño

El origen y la licencia viajan con el archivo.

SkillsBundle cataloga material propio y de terceros. Su inclusión no atribuye la autoría original a SkillsBundle. El ZIP individual conserva la ruta canónica del catálogo e incluye los avisos de licencia aplicables.

Ruta de catálogo: skills/transversal/design-system
Origen de la ficha: Extraída de SKILL.md

Leer términos y política de licencias →

Empieza por una tarea real

Instala el método. Conserva tu criterio.

Elegir formato