Diseñadores

Agent skills for UI builders, by the creators of Tailwind CSS and Refactoring UI, wires into Claude Code, Cursor, and Codex to ship interfaces that look designed, not generated.

78+ animated shadcn/ui components plus 100+ AI agent patterns, distributed as copy-paste source, free, open-source, and zero npm lock-in.

Una colección de spinners, loaders y animaciones de carga para aplicaciones web modernas, construida con React, Next.js, shadcn/ui, Tailwind CSS y Framer Motion.

shadcn/ui, open-source, copy-owned UI components for developers building their own design system with full code control.

Open-source brand SVG icon library with 6,149+ typed, tree-shakeable icons for developers and designers.

Streamline Pixel Icons: a 442k-icon library with 34 families, Figma plugin, and VS Code extension for designers and developers who need consistent, large-scale icon sets.

Awwwards: the industry benchmark for web design excellence, offering awards, inspiration galleries, a professional directory, courses, and a curated marketplace for designers and developers.

Claude skill that turns UI screenshots, Figma exports, and wireframes into semantic, accessible HTML or JSX, no styling included, by design.

Agent skill for adapting desktop UIs to mobile, tablet, and desktop breakpoints, built by the makers of Tailwind CSS and Refactoring UI.

Agent skill that regenerates light-mode raster images as true dark-mode variants using gpt-image-2, for interface builders using Claude Code, Cursor, or Codex.

Agent skill for adding thoughtfully designed dark mode to existing UIs, balances contrast across text, surfaces, borders, and images for Claude Code, Cursor, Codex, and more.

Agent skill for Tailwind CSS cleanup: sorts, deduplicates, and resolves conflicting utility classes inside Claude Code, Cursor, and other coding agents.

ui.sh Brand Kit skill: generate a visual brand direction board with site mockups, typography, and color from a single prompt, for Codex-powered coding agents.

ui.sh Ideas skill for AI coding agents: generate and compare multiple UI design directions in the browser before committing to one.

Claude/Codex/Cursor skill from the Tailwind CSS team that upgrades AI-generated UI from generic to designer-quality, in any existing project.

Open-source file-format loaders for geospatial, tabular, and 3D data, with worker-thread and streaming support for big-data JS apps.

Una herramienta de navegador gratuita y sin registro que convierte fotos y videos en arte ASCII y otros 12 estilos: pixel art, voxel, mosaico, semitono, glitch, LEGO y más, con vista previa en tiempo real, efectos de posprocesamiento retro y exportación de hasta 4x de resolución.

Un framework de carga skeleton que genera pantallas de carga pixel-perfect a partir de tu interfaz real, sin mediciones manuales ni marcadores de posición ajustados a mano, para React, Preact, Vue, Svelte 5, Angular y React Native.

Una biblioteca de efecto liquid-glass para la web: aplica refracción de vidrio realista, desenfoque, aberración cromática e iluminación a cualquier elemento HTML mediante shaders WebGL.

Una biblioteca de animaciones de carga reutilizables en estilo dotmatrix para React y Next.js, instalable a través del registro de shadcn o copiando el código fuente directamente desde la documentación.

Una colección interactiva de transiciones CSS reutilizables y listas para copiar: redimensionado de tarjetas, animaciones de modales y menús, aparición de insignias y más, cada una con un fragmento autocontenido que incluye una protección para movimiento reducido.

Una habilidad de diseño para Claude Code, Cursor y Codex que se niega a parecer generada por IA: elige una macroestructura para el encargo, aplica uno de veinte temas y ejecuta decenas de filtros anti-repetición antes de emitir el resultado.

Un efecto animado de metal líquido con WebGL para React; envuelve un botón, chip o icono para darle un anillo de metal en tiempo real, con presets, tematización, intensidad ajustable y reflejo de proximidad opcional en elementos vecinos.

Una galería ligera de animaciones de carga basadas en curvas matemáticas: curvas de rosa, figuras de Lissajous, hipotrocoides, cardioedes y más, construida en HTML, CSS y JavaScript puro con notas de fórmulas y código listo para copiar.

Una biblioteca de componentes con glassmorfismo inspirada en Apple, construida sobre shadcn/ui y Base UI, con componentes de estilo glass listos para usar (alert, button, card, calendar, popover, sidebar y más) instalables mediante el registro de shadcn.

Una habilidad de IA que proporciona a los agentes de codificación inteligencia de diseño, reglas de razonamiento y estilos de interfaz para generar UI/UX profesional en distintas plataformas y frameworks.

Aplicación de escritorio local-first y de código abierto para diseño agéntico; genera y edita interfaces web, móviles y prototipos de UI, presentaciones, imágenes y video, con enrutamiento bring-your-own-key entre los principales LLMs.

Una colección de layouts de interfaz de usuario de código abierto, cuidadosamente elaborados con Next.js y shadcn/ui: dashboards, rastreadores y plantillas de aplicaciones con demos en vivo, en variantes tanto de Radix UI como de Base UI.