·svelte-ui-design
*

svelte-ui-design

xiyo/zheon

SIEMPRE utilice esta habilidad para CUALQUIER trabajo de estilo, diseño o interfaz de usuario de componentes Svelte. Sistema de diseño de interfaz de usuario Svelte 5 que utiliza Tailwind CSS 4, tokens de diseño/presets/componentes Tailwind de Skeleton Labs y componentes sin cabeza de Bits UI. Cubre la composición de clases, sistemas de color, componentes interactivos, formularios, superposiciones y todo el diseño visual.

7Instalaciones·1Tendencia·@xiyo

Instalación

$npx skills add https://github.com/xiyo/zheon --skill svelte-ui-design

SKILL.md

Svelte 5 + Tailwind CSS 4 + Skeleton Labs + Bits UI 통합 디자인 시스템

Tailwind Components (Skeleton Labs 클래스 조합) 클래스로 디자인을 뭉쳐놓은 기본 요소. card, chip, badge, placeholder 등.

SIEMPRE utilice esta habilidad para CUALQUIER trabajo de estilo, diseño o interfaz de usuario de componentes Svelte. Sistema de diseño de interfaz de usuario Svelte 5 que utiliza Tailwind CSS 4, tokens de diseño/presets/componentes Tailwind de Skeleton Labs y componentes sin cabeza de Bits UI. Cubre la composición de clases, sistemas de color, componentes interactivos, formularios, superposiciones y todo el diseño visual. Fuente: xiyo/zheon.

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/xiyo/zheon --skill svelte-ui-design 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 o Cursor

Ver original

Datos (listos para citar)

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

Comando de instalación
npx skills add https://github.com/xiyo/zheon --skill svelte-ui-design
Categoría
*Creatividad
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es svelte-ui-design?

SIEMPRE utilice esta habilidad para CUALQUIER trabajo de estilo, diseño o interfaz de usuario de componentes Svelte. Sistema de diseño de interfaz de usuario Svelte 5 que utiliza Tailwind CSS 4, tokens de diseño/presets/componentes Tailwind de Skeleton Labs y componentes sin cabeza de Bits UI. Cubre la composición de clases, sistemas de color, componentes interactivos, formularios, superposiciones y todo el diseño visual. Fuente: xiyo/zheon.

¿Cómo instalo svelte-ui-design?

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/xiyo/zheon --skill svelte-ui-design 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 o Cursor

¿Dónde está el repositorio de origen?

https://github.com/xiyo/zheon

Detalles

Categoría
*Creatividad
Fuente
skills.sh
Primera vez visto
2026-02-01