Fluxwing Component Creator

Convierte 'crear un botón' en un par .uxm válido por esquema + .md con vista previa ASCII, pero la carpeta sola no es todo el kit.

Por trabian · trabian/fluxwing-skills

Funciona con configuración ★ 8.4/10

Fluxwing Component Creator — Convierte 'crear un botón' en un par .uxm válido por esquema + .md con vista previa ASCII, pero la carpeta sola no es todo el kit.

Qué hace

Crea componentes de UI 'uxscii' (botones, entradas, tarjetas, formularios, modales, navegación, etc.) como un par de archivos: un .uxm JSON con estados/props/metadatos de accesibilidad validados contra un JSON Schema incluido, y un .md con vistas previas de arte ASCII dibujadas a mano por estado. Se activa ante solicitudes para crear/construir/diseñar un componente de UI o cuando el usuario hace referencia a archivos .uxm o al estándar uxscii.

Informe de la prueba

Siguió el cuerpo de la habilidad de verdad y ejecutó sus propios scripts/quick_validate.py incluidos contra la salida: produjo un submit-button.uxm válido por esquema (4 estados, bloque completo de a11y) más un .md de vista previa ASCII — genuinamente más rico que una línea de base en inglés simple. Pero el SKILL.md apunta a {SKILL_ROOT}/../shared/docs/copy-versioning.md y {SKILL_ROOT}/../fluxwing-validator/validate-component.js, ambos fuera de la propia carpeta de la habilidad, por lo que una instalación simple de `cp -r` de solo esta habilidad (como indica el catálogo) rompe silenciosamente el flujo de actualización de versión y el validador Node recomendado — necesita agarrar también las carpetas hermanas `shared/` y `fluxwing-validator/`.

Probado el: 2026-07-15 · Claude Code 2.x (agent harness)

Instalación

git clone https://github.com/trabian/fluxwing-skills
cd fluxwing-skills
mkdir -p ~/.claude/skills
cp -r skills/fluxwing-component-creator ~/.claude/skills/fluxwing-component-creator

Comandos y prompts de ejemplo

  • /fluxwing-component-creatorConvierte 'crear un botón' en un par .uxm válido por esquema + .md con vista previa ASCII, pero la carpeta sola no es todo el kit.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

  • Create a submit button component for my uxscii project.
  • I need to design a card UI component using .uxm files.
  • Make me a modal component in uxscii format, please.