# ui.sh Ideas By **ui-sh** ยท Habilidades ui.sh Ideas skill for AI coding agents: generate and compare multiple UI design directions in the browser before committing to one. - Source: https://ui.sh/skills/ideas - Install: `npx @uidotsh/install ideas --token=[token]` - Tags: ui, design, agent, tailwind, mcp, open-source, browser-preview - Pricing: unknown - Upvotes: 0 ## Features - Generates multiple distinct UI design concepts in a single agent run - In-browser option picker for side-by-side comparison of concepts - Clearly labeled concepts; supports selecting one or merging elements from several - Slash-command invocation inside MCP-compatible coding agents - Combines with ui.sh Design skill to apply design guidelines to every concept - Works with Claude Code, Cursor, Codex, OpenCode, and Amp - Single npx install command with token-based project setup --- ## Why it matters 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. ## The big picture 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. ## How it works 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. ## Zoom in 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. ## Yes, but 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. ## The bottom line 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. ## FAQ ### What is ui.sh Ideas? 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. ### How do I install and use ui.sh Ideas? Install the skill by running `npx @uidotsh/install ideas --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`. ### Is ui.sh Ideas free or open source? 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. ### What is ui.sh Ideas best for? 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. ### How does ui.sh Ideas compare to just prompting an agent directly? 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. ### What are the limitations of ui.sh Ideas? 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. --- [View on Analog](https://analoghq.ai/es/ui-sh/skills/ui-sh-ideas)