empathyco/x/x-design-system

Claude Code and agent skill by empathyco/x

Trust tier 2
  • community
LLM review pending
Source check pending

Checking that the SKILL.md file is still in the repository.

Use when importing, using, or debugging components from x-design-system.

Install

npx vskill@latest install empathyco/x/x-design-system

SKILL.md

x-design-system

Design system basado en Tailwind CSS v4 para construir interfaces de Empathy X consistentes y accesibles. Todas las utilidades usan el prefijo xds: para evitar conflictos.

Componentes disponibles

Componentes pre-estilizados disponibles con la clase xds::

  • Button — estilos de botón primary, secondary y tertiary.
  • Button Group — layouts de botones agrupados.
  • Badge — badges de estado y notificaciones.
  • Input — estilos de campos de texto.
  • Input Group — layouts de inputs agrupados.
  • Tag — tags eliminables y chips.
  • Icon — contenedor y sizing de iconos.
  • Picture — imagen responsive.
  • Typography — estilos de headings y texto.
  • Highlight — resaltado de texto.
  • Suggestion — items de sugerencia de búsqueda.
  • Suggestion Group — sugerencias agrupadas.
  • Filter Facet — componentes UI de filtrado.
  • Progress Bar — indicadores de carga y progreso.
  • Scroll — estilos de scrollbar.
  • Sliding Panel — panel lateral y drawer.
  • Attach — estilos de archivos adjuntos.
  • Layout — layouts de grid y contenedores.

Además expone variables CSS de tema (--xds-color-*, --xds-border-radius-*, --xds-font-size-*...).

Instalación

npm install @empathyco/x-design-system

Security

  • Security scanPassed, 91 of 100Pattern checks on the skill's files.
  • Model reviewNot runA model review is scheduled for the next rescan.

See the full security report

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

See evaluation results

Source

Popularity

Repository stars
84
Repository forks
24
7-day trend score
22

Stars and forks are for the whole GitHub repository, not this skill alone. Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/empathyco/x/x-design-system/badge)](https://verified-skill.com/skills/empathyco/x/x-design-system)

Something wrong with this skill or its page? Tell us.