·carbon-design-system
{}

carbon-design-system

✓
fefogarcia/approved-skillsGitHub: fefogarcia/approved-skillsFuente: fefogarcia/approved-skills

Cree interfaces de usuario utilizando Carbon Design System de IBM. Úselo cuando el usuario solicite interfaces estilo Carbon, paneles de control estilo IBM, UI empresariales que sigan las convenciones de Carbon o mencione explícitamente Carbon, el diseño de IBM o @carbon/react. Cubre el uso de componentes, tokens de diseño (color, tipografía, espaciado, movimiento), temas (blanco, gris 10, gris 90, gris 100), diseño de cuadrícula y accesibilidad. Admite salida de artefacto/HTML (basada en CDN) y salida completa del proyecto React (@carbon/react). Los activadores incluyen "Carbon", "sistema de diseño de IBM", "panel de control empresarial", "@carbon/react", "componentes de carbono" o solicitudes de interfaces profesionales estilo IBM.

fefogarcia·carbon·design·system
3Instalaciones·0Tendencia·@fefogarcia

Instalación

GitHub: fefogarcia/approved-skills
$npx skills add https://github.com/fefogarcia/approved-skills --skill carbon-design-system

Cómo instalar carbon-design-system

Instala rápidamente el skill de IA carbon-design-system 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/fefogarcia/approved-skills --skill carbon-design-system
  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: fefogarcia/approved-skills.

SKILL.md

Ver original

Build UIs conforming to IBM's Carbon Design System v11. Carbon provides a token-based, accessible, enterprise-grade component library.

Apply Carbon classes to HTML elements. See references/html-classes.md.

@carbon/react is not in Claude's default artifact environment. For React artifacts, load the CDN CSS above and apply Carbon class names to standard HTML/JSX elements. The visual output is identical.

Cree interfaces de usuario utilizando Carbon Design System de IBM. Úselo cuando el usuario solicite interfaces estilo Carbon, paneles de control estilo IBM, UI empresariales que sigan las convenciones de Carbon o mencione explícitamente Carbon, el diseño de IBM o @carbon/react. Cubre el uso de componentes, tokens de diseño (color, tipografía, espaciado, movimiento), temas (blanco, gris 10, gris 90, gris 100), diseño de cuadrícula y accesibilidad. Admite salida de artefacto/HTML (basada en CDN) y salida completa del proyecto React (@carbon/react). Los activadores incluyen "Carbon", "sistema de diseño de IBM", "panel de control empresarial", "@carbon/react", "componentes de carbono" o solicitudes de interfaces profesionales estilo IBM. Fuente: fefogarcia/approved-skills.

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/fefogarcia/approved-skills --skill carbon-design-system
Fuente
fefogarcia/approved-skills
Categoría
{}Análisis de Datos
Verificado
✓
Primera vez visto
2026-02-26
Actualizado
2026-03-11
URL
https://www.learn-skills.dev/es/skills/fefogarcia/approved-skills/carbon-design-system

Browse more skills from fefogarcia/approved-skills

Respuestas rápidas

¿Qué es carbon-design-system?

Cree interfaces de usuario utilizando Carbon Design System de IBM. Úselo cuando el usuario solicite interfaces estilo Carbon, paneles de control estilo IBM, UI empresariales que sigan las convenciones de Carbon o mencione explícitamente Carbon, el diseño de IBM o @carbon/react. Cubre el uso de componentes, tokens de diseño (color, tipografía, espaciado, movimiento), temas (blanco, gris 10, gris 90, gris 100), diseño de cuadrícula y accesibilidad. Admite salida de artefacto/HTML (basada en CDN) y salida completa del proyecto React (@carbon/react). Los activadores incluyen "Carbon", "sistema de diseño de IBM", "panel de control empresarial", "@carbon/react", "componentes de carbono" o solicitudes de interfaces profesionales estilo IBM. Fuente: fefogarcia/approved-skills.

¿Cómo instalo carbon-design-system?

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/fefogarcia/approved-skills --skill carbon-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

¿Dónde está el repositorio de origen?

https://github.com/fefogarcia/approved-skills

Detalles

Categoría
{}Análisis de Datos
Fuente
skills.sh
Primera vez visto
2026-02-26

Skills Relacionados

tremor-design-system
3 Instalaciones
ux-researcher-designer
3 Instalaciones