# Designers AI for visual work — image and video generation, plus UI design and creative tooling. ## Entries (ranked) - [ui.sh Componentize](https://analoghq.ai/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/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/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/turbostarter/software-tools/loading-ui) by turbostarter: Free, MIT-licensed React loading animation registry for shadcn-style projects, copy-paste spinners, skeletons, and motion primitives. - [shadcn/ui](https://analoghq.ai/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/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/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/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/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/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/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/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/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/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/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/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/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/kail-designs/software-tools/ascii-magic) by kail-designs: Free browser tool and Python package that converts images and videos into 13 art styles (ASCII, pixel art, voxel, halftone, LEGO, glitch, and more) with real-time effects and up to 4x export resolution. - [Boneyard](https://analoghq.ai/0xgf/software-tools/boneyard) by 0xgf: Auto-generated, pixel-perfect skeleton screens for React, Vue, Svelte, Angular, and React Native, no manual placeholders needed. - [LiquidGlass](https://analoghq.ai/ybouane/software-tools/liquidglass) by ybouane: WebGL glass-effect library for the web, apply realistic refraction, blur, and lighting to any HTML element with a single async init call. - [Dotmatrix](https://analoghq.ai/zzzzshawn/software-tools/dotmatrix) by zzzzshawn: Open-source React loading animation library with 55+ dot-matrix loaders for shadcn/Tailwind projects, install in one command. - [Transitions.dev](https://analoghq.ai/jakubantalik/software-tools/transitions-dev) by jakubantalik: 18 production-ready CSS transitions for web apps, plus an AI agent skill that applies them directly inside your project. - [Hallmark](https://analoghq.ai/nutlope/skills/hallmark) by nutlope: A design skill for Claude Code, Cursor, and Codex that blocks AI visual clichés and generates structurally distinct, non-template UI, for builders and designers. - [Metal FX](https://analoghq.ai/jakubantalik/software-tools/metal-fx) by jakubantalik: Animated WebGL liquid-metal shader for React buttons and chips, one component, three presets, zero layout shifts. - [Math Curve Loaders](https://analoghq.ai/paidax01/software-tools/math-curve-loaders) by paidax01: Dependency-free gallery of math-driven loading animations (rose, Lissajous, cardioid, and more) with formulas and copyable code for UI builders. - [glasscn](https://analoghq.ai/kostyniuk/software-tools/glasscn) by kostyniuk: Open-source glassmorphism component library for shadcn/ui, 21 Apple-inspired glass UI components for Next.js and React, installed via the shadcn registry. - [UI UX Pro Max](https://analoghq.ai/nextlevelbuilder/skills/ui-ux-pro-max) by nextlevelbuilder: Open-source AI design intelligence skill for Claude Code: UI styles, color palettes, font pairings, and UX guidelines in one searchable database. - [Open Design](https://analoghq.ai/nexu-io/software-tools/open-design) by nexu-io: Open Design is the open-source, local-first Claude Design alternative for builders who want agent-native design, prototypes, decks, and video, without a vendor lock-in. - [Square UI](https://analoghq.ai/ln-dev7/software-tools/square-ui) by ln-dev7: Open-source Next.js + shadcn/ui layout templates for developers, dashboards, productivity apps, and more, with a Pro tier. --- [View on Analog](https://analoghq.ai/for/design)