UX/UI Agent Skills
Descripción
Sales de cada sesión con pantallas tokenizadas, accesibles y listas para cualquier framework: si algo no cumple, 52 puertas objetivas fallan el build en lugar de darte un falso aprobado.
El kit dota a Claude —y a agentes como Cursor, Codex, Copilot o Aider— de doctrina de sistemas de diseño: 14 archivos de tokens DTCG, 52 especificaciones de componentes, 26 skills ejecutables, 138 sistemas de marca y 16 adaptadores (React 19, Next.js 15, Tailwind v4, SwiftUI 6). No hay dependencias ni runtime: es una capa de instrucciones que sueltas en tu proyecto.
Lo que miden las puertas, no lo que promete el modelo
Comprueban contraste WCAG 2.2 AA–AAA en cada estado, roles y landmarks con axe, teclado, tamaño de destino, reduced motion y overflow horizontal a 280 px. La demo en vivo muestra exactamente los HTML que esas puertas han pasado, en tema claro y oscuro, con dashboards densos dibujados en SVG desde los mismos tokens.
- 52 componentes y 26 skills ejecutables, sin herramientas de build
- 138 sistemas de diseño y código orientado a cualquier framework
- Licencia MIT; paquete npm ux-ui-agent-skills
Tecnologías y temas
-
Cualquier framework
16 adaptadores: React 19, Next.js 15, Tailwind v4, SwiftUI 6 y más
-
Design tokens DTCG
14 archivos de tokens y diseño por intención, no paletas sueltas por página
-
Sistemas de diseño
138 sistemas de marca y 52 especificaciones de componentes
-
Skills para Claude
26 skills ejecutables y una capa de instrucciones sin runtime ni dependencias
-
WCAG 2.2
Puertas de contraste AA–AAA, teclado, axe, reduced motion y tamaño de destino