# Diseñadores IA para trabajo visual: generación de imágenes y video, diseño de interfaces y herramientas creativas. ## Entries (ranked) - [ui.sh Componentize](https://analoghq.ai/es/ui-sh/skills/ui-sh-componentize) by ui-sh: Agent skill that breaks large UI files into reusable components for frontend developers using AI-assisted workflows. - [ui.sh](https://analoghq.ai/es/ui-sh/skills/ui-sh) by ui-sh: 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. - [cult/ui](https://analoghq.ai/es/nolly-studio/software-tools/cult-ui) by nolly-studio: 78+ animated shadcn/ui components plus 100+ AI agent patterns, distributed as copy-paste source, free, open-source, and zero npm lock-in. - [Loading UI](https://analoghq.ai/es/turbostarter/software-tools/loading-ui) by turbostarter: 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](https://analoghq.ai/es/shadcn/software-tools/shadcn-ui) by shadcn: shadcn/ui, open-source, copy-owned UI components for developers building their own design system with full code control. - [theSVG](https://analoghq.ai/es/thesvg/software-tools/thesvg) by thesvg: Open-source brand SVG icon library with 6,149+ typed, tree-shakeable icons for developers and designers. - [Streamline Pixel Icons](https://analoghq.ai/es/streamline/software-tools/streamline-pixel) by streamline: 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](https://analoghq.ai/es/awwwards/software-tools/awwwards) by awwwards: Awwwards: the industry benchmark for web design excellence, offering awards, inspiration galleries, a professional directory, courses, and a curated marketplace for designers and developers. - [ui.sh Markup From Image](https://analoghq.ai/es/ui-sh/skills/ui-sh-markup-from-image) by ui-sh: Claude skill that turns UI screenshots, Figma exports, and wireframes into semantic, accessible HTML or JSX, no styling included, by design. - [ui.sh Make Responsive](https://analoghq.ai/es/ui-sh/skills/ui-sh-make-responsive) by ui-sh: Agent skill for adapting desktop UIs to mobile, tablet, and desktop breakpoints, built by the makers of Tailwind CSS and Refactoring UI. - [ui.sh Dark Mode Image](https://analoghq.ai/es/ui-sh/skills/ui-sh-dark-mode-image) by ui-sh: 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. - [ui.sh Add Dark Mode](https://analoghq.ai/es/ui-sh/skills/ui-sh-add-dark-mode) by ui-sh: 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. - [ui.sh Canonicalize Tailwind](https://analoghq.ai/es/ui-sh/skills/ui-sh-canonicalize-tailwind) by ui-sh: 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](https://analoghq.ai/es/ui-sh/skills/ui-sh-brand-kit) by ui-sh: 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](https://analoghq.ai/es/ui-sh/skills/ui-sh-ideas) by ui-sh: ui.sh Ideas skill for AI coding agents: generate and compare multiple UI design directions in the browser before committing to one. - [ui.sh Design](https://analoghq.ai/es/ui-sh/skills/ui-sh-design) by ui-sh: Claude/Codex/Cursor skill from the Tailwind CSS team that upgrades AI-generated UI from generic to designer-quality, in any existing project. - [loaders.wtf](https://analoghq.ai/es/dcp/software-tools/loaders-wtf) by dcp: Open-source file-format loaders for geospatial, tabular, and 3D data, with worker-thread and streaming support for big-data JS apps. - [ASCII Magic](https://analoghq.ai/es/kail-designs/software-tools/ascii-magic) by kail-designs: 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. - [Boneyard](https://analoghq.ai/es/0xgf/software-tools/boneyard) by 0xgf: 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. - [LiquidGlass](https://analoghq.ai/es/ybouane/software-tools/liquidglass) by ybouane: 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. - [Dotmatrix](https://analoghq.ai/es/zzzzshawn/software-tools/dotmatrix) by zzzzshawn: 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. - [Transitions.dev](https://analoghq.ai/es/jakubantalik/software-tools/transitions-dev) by jakubantalik: 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. - [Hallmark](https://analoghq.ai/es/nutlope/skills/hallmark) by nutlope: 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. - [Metal FX](https://analoghq.ai/es/jakubantalik/software-tools/metal-fx) by jakubantalik: 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. - [Math Curve Loaders](https://analoghq.ai/es/paidax01/software-tools/math-curve-loaders) by paidax01: 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. - [glasscn](https://analoghq.ai/es/kostyniuk/software-tools/glasscn) by kostyniuk: 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. - [UI UX Pro Max](https://analoghq.ai/es/nextlevelbuilder/skills/ui-ux-pro-max) by nextlevelbuilder: 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. - [Open Design](https://analoghq.ai/es/nexu-io/software-tools/open-design) by nexu-io: 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. - [Square UI](https://analoghq.ai/es/ln-dev7/software-tools/square-ui) by ln-dev7: 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. --- [View on Analog](https://analoghq.ai/es/for/design)