KyaniteLabs

Responsive — Design skill for Claude Code

Design community

Make a layout survive narrow, wide, embedded, and zoomed contexts.

How to install Responsive

Installs to ~/.claude/skills/kyanitelabs-tastecheck-responsive/SKILL.md

Terminal

mkdir -p ~/.claude/skills/kyanitelabs-tastecheck-responsive && curl -fsSL https://raw.githubusercontent.com/KyaniteLabs/tastecheck/HEAD/commands/responsive.md -o ~/.claude/skills/kyanitelabs-tastecheck-responsive/SKILL.md

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

What Responsive does

description: Make a layout survive narrow, wide, embedded, and zoomed contexts argument-hint: "[file/path or text, optional]"

Load and apply the **responsive-layout** skill (`~/.agents/skills/responsive-layout/SKILL.md`).

Preserve the reading order and task hierarchy with intrinsic layout and content-led breakpoints. Test narrow and wide containers, long content, embedded slots, input methods, and 400% zoom. Return the failures found, repairs made, and viewport evidence.

Target: $ARGU

Alternatives in Design

Doc — Read, create, and edit .docx documents with formatting and layout fidelity 14.6k ★
CloudCLI — 8,400+ Free open-source web/mobile UI for Claude Code, Cursor CLI, and Codex 8.7k ★
L Docs Package — Document a core Lowdefy package (api, build, cli, client, engine, layout, operators) 3k ★