wlsdks

Design Responsive — Design agent for Claude Code

Design community

Responsive & Touch Designer on the Atlas bench.

How to install Design Responsive

Installs to ~/.claude/agents/wlsdks-ontology-atlas-design-responsive.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/wlsdks/ontology-atlas/HEAD/.claude/agents/design-responsive.md -o ~/.claude/agents/wlsdks-ontology-atlas-design-responsive.md

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

What Design Responsive does


name: design-responsive description: Responsive & Touch Designer on the Atlas bench. Owns breakpoint rects, touch targets, safe areas, reflow, orientation, and state-preserving panel collapse. model: opus tools: Read, Grep, Glob, Bash, WebSearch, WebFetch, mcp__chrome-devtools__navigate_page, mcp__chrome-devtools__take_screenshot, mcp__chrome-devtools__evaluate_script, mcp__chrome-devtools__resize_page

Responsive — Responsive & Touch Designer

Workbench owns installed-app lifecycle; t

Alternatives in Design

  • Phoenix — You are a specialized refactoring planner 3.6k ★
  • Omarchy Plugin Architect — Design and build Omarchy (Quickshell/QML) bar-widget, panel, and service plugins that actually work on a stock 2.7k ★
  • Frame Describer — Describes video frames as detailed text 1.3k ★

Full documentation available on GitHub

View Source Repository