Agent skill for adapting desktop UIs to mobile, tablet, and desktop breakpoints, built by the makers of Tailwind CSS and Refactoring UI.
Qué hace
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.
Características
Notas de campo
Revisado el Jun 26, 2026
Ideal para
Resultados para creadores
Ten cuidado
Probado con
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.
Una habilidad de IA que proporciona a los agentes de codificación inteligencia de diseño, reglas de razonamiento y estilos de interfaz para generar UI/UX profesional en distintas plataformas y frameworks.
Best for Arrancar un sistema de diseño a partir de la descripción de un proyecto.Una habilidad de diseño para Claude Code, Cursor y Codex que se niega a parecer generada por IA: elige una macroestructura para el encargo, aplica uno de veinte temas y ejecuta decenas de filtros anti-repetición antes de emitir el resultado.
Best for Diseñar UI que no parezca generada por IAUna habilidad de agente que audita cualquier base de código con tu modelo más capaz y escribe planes de implementación autocontenidos para que los ejecuten modelos más económicos (o humanos).
Best for Auditar una base de código desconocida o legacyOpen-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