New two minutes to help shape the 2026 field report.
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-interpolatedAuto-generated, pixel-perfect skeleton screens for React, Vue, Svelte, Angular, and React Native, no manual placeholders needed.
Best for Teams tired of skeleton screens drifting out of sync after UI changesWebGL glass-effect library for the web, apply realistic refraction, blur, and lighting to any HTML element with a single async init call.
Best for Portfolio heroes, product landing pages, and OS-style UI shells needing physically accurate glass effects18 production-ready CSS transitions for web apps, plus an AI agent skill that applies them directly inside your project.
Best for Builders using AI coding tools like Cursor, Claude Code, or Copilot who want consistent, production-ready CSS transitionsA 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.
Best for Builders using Claude Code, Cursor, or Codex who want AI-generated UIs that avoid recognizable LLM visual fingerprintsDependency-free gallery of math-driven loading animations (rose, Lissajous, cardioid, and more) with formulas and copyable code for UI builders.
Best for Builders who want visually distinctive loading animations grounded in named mathematical curvesOpen-source AI design intelligence skill for Claude Code: UI styles, color palettes, font pairings, and UX guidelines in one searchable database.
Best for Builders who get solid AI-generated code but consistently end up with generic-looking interfacesOpen-source Next.js + shadcn/ui layout templates for developers, dashboards, productivity apps, and more, with a Pro tier.
Best for Next.js developers who need a production-grade app shell without days of component scaffolding