Skills para tu agente

26 skills para Claude, Cursor o Codex, agrupadas por lo que construyen. Las de criterio.design leen el criterio.md de tu proyecto y construyen con sus números.

Tipografía, color y layout

Fuentes webde criterio.design
Tipografía: cargar las familias decididas y una escala fluida
npx skills add https://github.com/ericruizmolero/criterio-skills --skill fonts
Tokens de colorde criterio.design
Color: la paleta como variables, tema claro y oscuro y contraste
npx skills add https://github.com/ericruizmolero/criterio-skills --skill color-tokens
Retícula CSSde criterio.design
Layout: grid, container queries y espacios y radios como tokens
npx skills add https://github.com/ericruizmolero/criterio-skills --skill grid
Tailwindde criterio.design
Todo el sistema como tema de Tailwind 4
npx skills add https://github.com/ericruizmolero/criterio-skills --skill tailwind
beautiful-shadowsNuevode MengTo
Profundidad, elevación y sombras que nunca quedan sucias.
npx skills add https://github.com/MengTo/Skills --skill beautiful-shadows
adaptNuevode pbakaus
Adapta un diseño a cada breakpoint, dispositivo y plataforma sin perder la interacción.
npx skills add https://github.com/pbakaus/impeccable --skill adapt

Movimiento

GSAPde criterio.design
Microanimaciones suaves, con las curvas y duraciones del área de Movimiento
npx skills add https://github.com/ericruizmolero/criterio-skills --skill gsap
Transiciones nativasde criterio.design
Movimiento sin librería: CSS, view transitions y scroll
npx skills add https://github.com/ericruizmolero/criterio-skills --skill transitions
apple-designNuevode emilkowalski
La forma de Apple de hacer interfaces y movimiento fluido y físico, llevada a la web: gestos, muelles, transiciones.
npx skills add https://github.com/emilkowalski/skills --skill apple-design
interaction-designNuevode wshobson
Microinteracciones, transiciones y patrones de respuesta, diseñados y construidos.
npx skills add https://github.com/wshobson/agents --skill interaction-design
gsap-skillsNuevoEn criterio.mdde greensock
La de GreenSock: GSAP bien hecho, de las timelines y ScrollTrigger a SplitText y Flip, con limpieza en React.
npx skills add https://github.com/greensock/gsap-skills

Iconos, logo e imagen

Set de iconosde criterio.design
Iconografía: una librería, un trazo y cómo dibujar los que falten
npx skills add https://github.com/ericruizmolero/criterio-skills --skill icons
Logo en SVGde criterio.design
Logo: versiones, área de respeto, favicon e imagen para compartir
npx skills add https://github.com/ericruizmolero/criterio-skills --skill logo-svg
Imágenes responsivede criterio.design
Imagen: formatos, tamaños, encuadres y un único tratamiento
npx skills add https://github.com/ericruizmolero/criterio-skills --skill images
Figura isométricade criterio.design
Imagen: un objeto como dibujo isométrico interactivo en SVG
npx skills add https://github.com/ericruizmolero/criterio-skills --skill iso-figure
iso-figureNuevoEn criterio.mdde MrBongoC
Dibuja un objeto como figura isométrica de línea en un solo HTML, con partes que funcionan al pulsarlas.
npx skills add https://github.com/MrBongoC/ai-iso-skill --skill iso-figure

Voz

Microcopyde criterio.design
Voz: botones, errores, vacíos, formularios y metadatos
npx skills add https://github.com/ericruizmolero/criterio-skills --skill microcopy
Evitar AI Slopde criterio.design
Voz: escribir sin los tics del texto generado (no-ai-slop, de Peter Yang)
npx skills add https://github.com/ericruizmolero/criterio-skills --skill no-ai-slop
no-ai-slopNuevoEn criterio.mdde petergyang
La de Peter Yang: escribe, edita y revisa textos para que no suenen a generados.
npx skills add https://github.com/petergyang/no-ai-slop --skill no-ai-slop

Interfaz y componentes

frontend-designNuevode anthropics
La de Anthropic: interfaces con carácter y listas para producción, lejos del aspecto genérico de la IA.
npx skills add https://github.com/anthropics/skills --skill frontend-design
emil-design-engNuevode emilkowalski
La ingeniería de diseño de Emil Kowalski: pulido, componentes, animación y oficio de frontend para producción.
npx skills add https://github.com/emilkowalski/skills --skill emil-design-eng
shadcnNuevode shadcn-ui
El flujo oficial de shadcn/ui: buscar, añadir, componer y arreglar componentes como toca.
npx skills add https://github.com/shadcn-ui/ui --skill shadcn

Revisión y accesibilidad

Accesibilidadde criterio.design
Todo el sistema: teclado, foco, contraste y movimiento reducido
npx skills add https://github.com/ericruizmolero/criterio-skills --skill a11y
accessibilityNuevoEn criterio.mdde addyosmani
La auditoría de accesibilidad de Addy Osmani, con arreglos según WCAG 2.2.
npx skills add https://github.com/addyosmani/web-quality-skills --skill accessibility
design-reviewNuevode Superfuture
Una crítica de diseño afilada y por prioridades de una URL, una captura o un componente: jerarquía, tipografía, espaciado, color.
npx skills add https://github.com/Superfuture/design-review --skill design-review
better-interfaceNuevode jakubkrehel
Una revisión completa de la interfaz: accesibilidad, layout, textos, tipografía, color y acabado.
npx skills add https://github.com/jakubkrehel/skills --skill better-interface