# Designers

IA para trabalho visual - geração de imagens e vídeos, além de design de UI e ferramentas criativas.

## Entries (ranked)

- [ui.sh Componentize](https://analoghq.ai/pt-br/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/pt-br/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/pt-br/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/pt-br/turbostarter/software-tools/loading-ui) by turbostarter: Uma coleção de spinners, loaders e animações de carregamento para aplicações web modernas, construída com React, Next.js, shadcn/ui, Tailwind CSS e Framer Motion.
- [shadcn/ui](https://analoghq.ai/pt-br/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/pt-br/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/pt-br/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/pt-br/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/pt-br/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/pt-br/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/pt-br/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/pt-br/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/pt-br/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/pt-br/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/pt-br/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/pt-br/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/pt-br/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/pt-br/kail-designs/software-tools/ascii-magic) by kail-designs: Uma ferramenta gratuita para navegador, sem cadastro, que transforma fotos e vídeos em arte ASCII e outros 12 estilos - pixel art, voxel, mosaico, meios-tons, glitch, LEGO e mais - com visualização em tempo real, efeitos de pós-processamento retrô e exportação em até 4x de resolução.
- [Boneyard](https://analoghq.ai/pt-br/0xgf/software-tools/boneyard) by 0xgf: Um framework de skeleton loading que gera telas de carregamento pixel-perfect a partir da sua UI real, sem medições manuais ou placeholders ajustados à mão, para React, Preact, Vue, Svelte 5, Angular e React Native.
- [LiquidGlass](https://analoghq.ai/pt-br/ybouane/software-tools/liquidglass) by ybouane: Uma biblioteca de efeito liquid-glass para a web, aplica refração realista de vidro, blur, aberração cromática e iluminação em qualquer elemento HTML usando shaders WebGL.
- [Dotmatrix](https://analoghq.ai/pt-br/zzzzshawn/software-tools/dotmatrix) by zzzzshawn: Uma biblioteca de animações de carregamento reutilizáveis no estilo dotmatrix para React e Next.js, instalável pelo registro do shadcn ou copiando o código-fonte direto da documentação.
- [Transitions.dev](https://analoghq.ai/pt-br/jakubantalik/software-tools/transitions-dev) by jakubantalik: Uma coleção interativa de transições CSS reutilizáveis e prontas para copiar, incluindo redimensionamento de cards, animações de modais e menus, pop de badges e muito mais, cada uma emitindo um snippet autocontido com um guard de reduced-motion.
- [Hallmark](https://analoghq.ai/pt-br/nutlope/skills/hallmark) by nutlope: Uma habilidade de design para Claude Code, Cursor e Codex que se recusa a parecer gerada por IA: escolhe uma macroestrutura para o briefing, aplica um dos vinte temas e executa dezenas de verificações anti-slop antes de emitir o resultado.
- [Metal FX](https://analoghq.ai/pt-br/jakubantalik/software-tools/metal-fx) by jakubantalik: Um efeito animado de metal líquido em WebGL para React. Envolva um botão, chip ou ícone para adicionar um anel metálico em tempo real, com presets, temas, intensidade ajustável e reflexo de proximidade opcional em elementos vizinhos.
- [Math Curve Loaders](https://analoghq.ai/pt-br/paidax01/software-tools/math-curve-loaders) by paidax01: Uma galeria leve de animações de carregamento baseadas em curvas matemáticas - curvas rosa, figuras de Lissajous, hipotrocoides, cardioides e muito mais - construída com HTML, CSS e JavaScript puros, com notas de fórmulas e código copiável.
- [glasscn](https://analoghq.ai/pt-br/kostyniuk/software-tools/glasscn) by kostyniuk: Uma biblioteca de componentes glassmórficos inspirada na Apple, construída sobre shadcn/ui e Base UI, com componentes estilizados em vidro prontos para uso (alert, button, card, calendar, popover, sidebar e mais), instaláveis via o registro do shadcn.
- [UI UX Pro Max](https://analoghq.ai/pt-br/nextlevelbuilder/skills/ui-ux-pro-max) by nextlevelbuilder: Uma skill de IA que fornece inteligência de design a agentes de codificação, com regras de raciocínio e estilos de UI para geração de UI/UX profissional em diversas plataformas e frameworks.
- [Open Design](https://analoghq.ai/pt-br/nexu-io/software-tools/open-design) by nexu-io: Aplicativo desktop local-first e open-source para design agêntico, gere e edite UIs para web, mobile e protótipos, slides, imagens e vídeo, com roteamento bring-your-own-key entre os principais LLMs.
- [Square UI](https://analoghq.ai/pt-br/ln-dev7/software-tools/square-ui) by ln-dev7: Uma coleção de layouts de UI open-source criados com cuidado usando Next.js e shadcn/ui, incluindo dashboards, trackers e templates de aplicativos com demos ao vivo, disponíveis nas variantes Radix UI e Base UI.

---
[View on Analog](https://analoghq.ai/pt-br/for/design)