Agent skill that breaks large UI files into reusable components for frontend developers using AI-assisted workflows.
IA para trabalho visual - geração de imagens e vídeos, além de design de UI e ferramentas criativas.
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.
Best for Teams using coding agents for frontend work who want output that reflects senior design judgment, not generic AI defaults78+ animated shadcn/ui components plus 100+ AI agent patterns, distributed as copy-paste source, free, open-source, and zero npm lock-in.
Best for React and Tailwind teams already using shadcn/ui who want animated, accessible components without npm package overheadUma 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.
Best for Adicionar spinners e animações de carregamento rapidamenteshadcn/ui, open-source, copy-owned UI components for developers building their own design system with full code control.
Best for Teams building a custom design system who need full ownership of component source codeOpen-source brand SVG icon library with 6,149+ typed, tree-shakeable icons for developers and designers.
Best for Apps that display third-party brand logos and want a single versioned npm dependencyStreamline 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.
Best for Teams building large design systems that need cohesive icon coverage across many concepts and stylesAwwwards: the industry benchmark for web design excellence, offering awards, inspiration galleries, a professional directory, courses, and a curated marketplace for designers and developers.
Best for Designers and frontend developers seeking a credible benchmark for current web design excellenceClaude skill that turns UI screenshots, Figma exports, and wireframes into semantic, accessible HTML or JSX, no styling included, by design.
Best for Converting screenshots, Figma exports, mockups, or wireframes into a clean semantic scaffold before any styling passAgent skill for adapting desktop UIs to mobile, tablet, and desktop breakpoints, built by the makers of Tailwind CSS and Refactoring UI.
Best for Teams using AI agents to build UIs who need reliable mobile, tablet, and desktop breakpoint coverageAgent 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.
Best for Teams shipping dark mode who need raster image assets that look designed rather than filteredAgent 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.
Best for Teams with a finished light-mode UI who want dark mode that looks designed rather than auto-invertedAgent skill for Tailwind CSS cleanup: sorts, deduplicates, and resolves conflicting utility classes inside Claude Code, Cursor, and other coding agents.
Best for Teams where multiple agents or developers touch the same Tailwind components, causing class string entropyui.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.
Best for Teams starting a new product who want a coding agent to build UI with a coherent visual identity from day oneui.sh Ideas skill for AI coding agents: generate and compare multiple UI design directions in the browser before committing to one.
Best for Teams that want to explore multiple UI directions before committing any design to the codebaseClaude/Codex/Cursor skill from the Tailwind CSS team that upgrades AI-generated UI from generic to designer-quality, in any existing project.
Best for Teams using Claude Code or Codex to ship UI who want output that looks senior-designer reviewed, not AI-interpolatedOpen-source file-format loaders for geospatial, tabular, and 3D data, with worker-thread and streaming support for big-data JS apps.
Best for Apps handling multiple geospatial or 3D formats (shapefiles, glTF, Arrow, CSVs, point clouds) through one unified APIUma 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.
Best for Transformar fotos ou vídeos em arte ASCII e retrô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.
Best for Skeletons pixel-perfect sem ajustes manuaisUma 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.
Best for Refração realista de vidro na web via WebGLUma 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.
Best for Loaders com estilo dotmatrix distintoUma 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.
Best for Adicionar micro-interações refinadas sem uma biblioteca de motionUma 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.
Best for Projetar UI que não pareça gerada por IAUm 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.
Best for Um destaque WebGL metálico premium em botões ou ícones principaisUma 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.
Best for Animações de carregamento distintas e orientadas por matemáticaUma 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.
Best for Adicionar UI com glassmorphism a um projeto shadcn/uiUma 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.
Best for Estruturar um design system a partir de um briefing de projetoAplicativo 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.
Best for Gerar UI, decks e mídias consistentes com a marca a partir de um DESIGN.mdUma 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.
Best for Iniciar uma UI de aplicativo a partir de um layout realista e completo