Agent skill for adapting desktop UIs to mobile, tablet, and desktop breakpoints, built by the makers of Tailwind CSS and Refactoring UI.
O que faz
ui.sh Make Responsive is an agent skill that adapts existing desktop-oriented UIs to work across mobile, tablet, and desktop breakpoints. It fixes overflow, cramped controls, and missing mobile navigation that AI agents typically overlook.
AI agents are good at writing desktop UIs and bad at making them responsive. They miss iOS Safari edge cases, forget mobile nav, and produce cramped touch targets. ui.sh Make Responsive is a curated agent skill that encodes the fixes a senior design engineer would catch.
ui.sh is a collection of agent skills built by Adam Wathan (creator of Tailwind CSS) and Steve Schoger (co-author of Refactoring UI). The Make Responsive skill is one of several in the suite, each targeting a specific UI task that generic coding agents handle poorly. The platform is explicitly described as "uncomfortably early" by Wathan himself, and access is invite-only.
Install the skill into your project with the npx installer, then trigger it with the /make-responsive command inside your agent. The skill checks the layout at mobile, tablet, and desktop sizes and applies targeted fixes. It works with any agent that speaks MCP: Claude Code, Cursor, Codex, OpenCode, and Amp are all listed as supported.
Three fixes stand out as non-obvious. First, it enforces at least text-base (16px) on text inputs to prevent iOS Safari from zooming on focus, a bug most agents never catch. Second, it adds mobile navigation when the desktop layout has none, which agents routinely skip. Third, it bumps body text to text-lg on mobile while holding desktop sizing, trading pixel-perfect parity for a more natural reading experience.
The product is invite-only and self-described as early. Per the tailkits.com review, the skill primitive itself is brand-new, and the shape of an AI design toolkit is still being worked out in public. Builders who need a stable, production-ready tool today may want to wait for a more mature release.
If you have access, Make Responsive is the most targeted fix available for the specific failure mode of agents shipping desktop-only UI. It handles the edge cases (iOS zoom, missing nav, touch targets) that generic prompting misses, backed by the design credibility of the Tailwind CSS team.
Recursos
Notas de campo
Revisado em Jun 26, 2026
Ideal para
Resultados para quem cria
Atenção
Testado com
ui.sh Make Responsive is an agent skill that adapts existing desktop-oriented UIs to work across mobile, tablet, and desktop breakpoints. It is part of the ui.sh suite, built by Adam Wathan (creator of Tailwind CSS) and Steve Schoger (co-author of Refactoring UI). The skill targets specific responsive failures that AI coding agents typically miss, such as iOS Safari zoom bugs, missing mobile navigation, and cramped touch targets. It is invoked with the /make-responsive command inside a supported coding agent.
Install the skill by running 'npx @uidotsh/install make-responsive --token=[token]' in your project directory, where the token is provided when you gain access to ui.sh. Once installed, trigger it inside your coding agent with the /make-responsive command. The skill then analyzes the UI at mobile, tablet, and desktop sizes and applies responsive fixes automatically. Multiple ui.sh skills can be installed at once by omitting the skill name from the npx command.
The pricing model for ui.sh is not disclosed in the available sources. Access to the platform is currently invite-only, and Adam Wathan has described the current state as 'uncomfortably early.' The skill is not listed as open source in any available source material. Builders should check ui.sh directly for current access and pricing details.
The skill is best for retrofitting responsive design onto existing desktop-first UIs, particularly when using a coding agent that would otherwise miss mobile-specific edge cases. It shines at fixing the three things agents most often skip: enforcing 16px minimum on inputs to prevent iOS Safari zoom, adding mobile navigation when none exists, and scaling body text appropriately for mobile reading. It works across Claude Code, Cursor, Codex, OpenCode, and Amp via MCP.
Generic coding agents produce responsive Tailwind classes but routinely miss implementation-level edge cases that a senior design engineer would catch. Per the ui.sh skill page, agents often overlook the iOS Safari focus-zoom issue, skip adding mobile navigation entirely, and fail to adjust touch target sizes. ui.sh Make Responsive encodes those fixes as curated prompts and reference examples authored by the Tailwind CSS and Refactoring UI team, giving the agent a higher baseline than a raw model would achieve on its own.
The primary limitation is access: ui.sh is invite-only and Adam Wathan has publicly described it as 'uncomfortably early,' signaling that the product is still taking shape. Installation requires a token, so there is no self-serve path without an invite. The skill is also a retrofit tool, meaning it is designed for adapting existing desktop layouts rather than building mobile-first from the start. Builders on a tight deadline who need a stable, widely available tool may want to wait for a more mature release.
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 IAUma 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 workflowsA 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 guesses