Novo dois minutos para ajudar a moldar o relatorio de campo de 2026.
Analog soul. Digital mind.
Curated skills, plugins, MCP servers, agentic IDEs, software, and articles, ranked by builders.
Agent skill that breaks large UI files into reusable components for frontend developers using AI-assisted workflows.
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 defaultsStreamline 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 stylesClaude 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-interpolatedUm 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 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 IAUma 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 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 projetoUma 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