UI Craft

Sistema de design engineering para agentes de IA: interfaces con criterio de diseño real, no slop genérico.

Publicado el 3 de julio de 2026

Views
100 views
Tiempo de lectura:
Tiempo de lectura: 2 min
UI Craft

Descripción General del Proyecto

UI Craft es un sistema de design engineering para agentes de IA de programación. Se instala como skill o como CLI (ui-craft) y hace que tu agente diseñe con criterio: pides un dashboard y obtienes uno que pondrías en producción, no tarjetas con gradientes morados y animaciones con rebote.

Su premisa — "Stop getting generic AI interfaces" — resume el problema que ataca: los agentes de IA generan interfaces reconociblemente genéricas. UI Craft les da el conocimiento de diseño que les falta.

Cómo Funciona

No son plantillas ni una librería de componentes. Es conocimiento de oficio real — reglas con opinión sobre cómo deben verse, moverse y sentirse las interfaces — más el tooling para verificar el resultado.

  1. /craft: pides una superficie (dashboard, landing, formulario), respondes tres preguntas (o ninguna, los defaults son sólidos) y el agente construye contra una barra de aceptación de 10 puntos: "¿un diseñador retocaría esto?" Si un punto falla, no está terminado.

  2. Enrutado por intención: para reviews, animaciones, formularios o polish, describes lo que construyes y el skill enruta al conocimiento adecuado.

  3. ui-craft-detect: detector estático anti-slop que marca patrones de diseño generados por IA — gradientes morados, easing con bounce, glassmorphism, CTAs genéricos, transition: all. Cero dependencias.

El Test Central

Cada interfaz se evalúa contra una sola pregunta: "¿Alguien creería que esto lo hizo una IA?" Si la respuesta es sí, se empieza de nuevo.

Detalles Técnicos

  • Contenido: 31 referencias de diseño, 22 comandos, 5 harnesses de agente
  • Compatibilidad: Claude Code, Codex, Cursor, Gemini y OpenCode — agnóstico de stack
  • Instalación: brew install --cask educlopez/tap/ui-craft
  • Docs: landing con sliders comparativos antes/después, knobs de CRAFT / MOTION / DENSITY y documentación completa, construida con Astro 7 y Tailwind CSS v4
  • Coste: gratuito y open-source

Enlace al proyecto: skills.smoothui.dev