HermeticOrmus

UI Responsive — Design skill for Claude Code

Design community

Check and fix responsive design issues across all breakpoints.

How to install UI Responsive

Installs to ~/.claude/commands/hermeticormus-libreuiux-claude-code-ui-responsive.md

Terminal

mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/HermeticOrmus/LibreUIUX-Claude-Code/HEAD/.claude/commands/ui-responsive.md -o ~/.claude/commands/hermeticormus-libreuiux-claude-code-ui-responsive.md

Restart Claude Code, or start a new session, for it to be picked up.

What UI Responsive does

description: Check and fix responsive design issues across all breakpoints

Responsive Design Checker

Analyze and fix responsive design issues to ensure your UI works perfectly on all devices.

Usage

/ui-responsive

Run this command while viewing a component or page to check its responsive behavior.

Instructions for Claude

When the user runs `/ui-responsive`, analyze the current component/page for responsive design issues and provide specific fixes.

1. Break

Alternatives in Design

CloudCLI — 8,400+ Free open-source web/mobile UI for Claude Code, Cursor CLI, and Codex 8.7k ★
Site — Crawl a whole site and synthesize ONE canonical design system across all pages — unified tokens, coverage map 3.6k ★
Module CSS — Compile module CSS assets or fix Tailwind prefix issues 407 ★