ui.sh Ideas skill for AI coding agents: generate and compare multiple UI design directions in the browser before committing to one.
O que faz
ui.sh Ideas is a Claude/agent skill that generates multiple UI design concepts side by side in the browser, letting you compare and pick a direction before committing to code. Built by the Tailwind CSS and Refactoring UI team, it installs via a single npx command into any MCP-compatible coding agent
Committing to a single UI direction early is a design tax most teams pay without realizing it. ui.sh Ideas breaks that habit by letting your coding agent produce several distinct concepts in parallel, then surface them in the browser for side-by-side comparison before any one direction is merged into the codebase.
ui.sh is a suite of agent skills from Adam Wathan (creator of Tailwind CSS) and Steve Schoger (co-author of Refactoring UI). Ideas is the skill focused on divergent exploration: instead of getting one AI-generated page that looks like every other AI-generated page, you get a menu of directions you actually chose.
Install the skill with a single npx command, then invoke it via slash command inside your agent session. The agent generates multiple UI concepts and injects an option picker directly into the page in the browser. After reviewing the concepts, you select the one to keep, or ask the agent to combine elements from multiple directions. The whole loop stays inside the coding agent, so no context switching to a separate design tool.
The skill pairs deliberately with the ui.sh Design skill. Running /design /ideas together means each generated concept follows the ui.sh design guideline system, so the options differ in layout and direction, not just in which generic pattern the model reached for first. Per the source docs, this is the recommended path when design quality matters across all concepts, not just the final pick.
ui.sh is currently invite-only and, by the team's own admission, "uncomfortably early." The skill primitive itself is a recent addition to the agent ecosystem. Builders who need a stable, fully documented workflow today may want to wait for a more mature release.
ui.sh Ideas is the fastest path from "I need a testimonial section" to "I have three real options to choose from," all inside the agent workflow you already use. For teams that default to the first AI output they see, this skill directly addresses that habit at the source.
Recursos
Notas de campo
Revisado em Jun 26, 2026
Ideal para
Resultados para quem cria
Atenção
Testado com
ui.sh Ideas is an agent skill that generates multiple distinct UI design concepts for a page or section and displays them in the browser with a picker so you can compare directions before committing to one. It is part of the ui.sh suite built by Adam Wathan (Tailwind CSS) and Steve Schoger (Refactoring UI). The skill runs inside MCP-compatible coding agents like Claude Code, Cursor, Codex, OpenCode, and Amp. After the agent generates the concepts, you select the direction you want to keep, or ask it to blend elements from several.
Install the skill by running `npx @uidotsh/install ideas --token=<your-token>` in your project. Once installed, invoke it inside your agent session with a slash command such as `/ideas for a new testimonial section after the hero`. The agent generates multiple concepts and inserts an in-browser option picker. To apply the ui.sh design guidelines to every concept, combine it with the Design skill using `/design /ideas generate three testimonial section concepts`.
ui.sh is currently invite-only, and its pricing is not publicly listed in the available sources. Installation requires a token, which suggests access is gated. The team describes the project as 'uncomfortably early,' so pricing and access models may evolve. Check ui.sh directly for current invite and pricing details.
ui.sh Ideas is best for situations where you want to explore several UI directions before locking in on one, rather than defaulting to the first output the agent produces. It is particularly useful for key page sections like heroes, testimonials, or pricing blocks where layout and visual direction meaningfully affect user experience. Pairing it with the ui.sh Design skill ensures each concept follows a coherent design system rather than just generating arbitrary variations.
Prompting an agent directly typically produces one output per run, and iterating on direction requires multiple back-and-forth exchanges with no side-by-side comparison. ui.sh Ideas structures the generation process to produce several distinct concepts in a single run and presents them in the browser with a labeled picker, so the comparison happens visually rather than through text descriptions. The skill also encodes design expertise from the Tailwind CSS and Refactoring UI team into the prompts, which nudges the model away from generic AI-looking output.
ui.sh is invite-only at launch, so access is not guaranteed. The team openly calls the current release 'uncomfortably early,' meaning the skill and surrounding platform are still being shaped. The skill requires an npx install step and a token per project, and it only works inside MCP-compatible coding agents. Builders who need a fully stable, documented workflow should factor the early-stage maturity into their decision.
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.
Best for Estruturar um design system a partir de um briefing de projetoUma 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 IAA catalog of repeatable AI agent workflows with built-in feedback loops, plus an installable skill for finding, adapting, and designing your own loops.
Best for Teams using Codex, Cursor, or Claude Code who want agents to iterate reliably instead of making one-shot guessesUma habilidade de agente que audita qualquer codebase com seu modelo mais capaz e escreve planos de implementação autocontidos para modelos mais baratos (ou humanos) executarem.
Best for Auditar um codebase desconhecido ou legadoOpen-source collection of 45+ AI agent skills for marketing, CRO, SEO, copywriting, analytics, and growth, built for Claude Code, Cursor, and any Agent Skills-compatible agent.
Best for Technical marketers and founders using Claude Code, Cursor, Windsurf, or OpenAI Codex who want marketing domain knowledge baked inOpen-source PM skills marketplace: 68 AI skills and 42 workflows across 9 Claude plugins for product managers doing discovery, strategy, execution, and launch.
Best for PMs using Claude Code or Claude Cowork who want framework-driven decisions baked into daily AI workflows