Mobile Responsive | Agent Skills Atlas

About this skill

Mobile-responsive rework of existing React components. Analyzes a desktop-first component and turns it into a mobile-optimized one by applying standards for touch ergonomics, WCAG accessibility, animation performance, and fluid layout. Use this skill whenever the user asks to: make a component responsive, adapt a page for mobile, fix the responsive behavior, optimize for smartphone, rework the mobile experience, "it doesn't work on mobile", "it's broken on small screens", adapt a form for mobile, or any request that involves adapting an existing React interface for touch smartphone screens.

Quick start

Copy the install prompt. Use the green button above this README.
Send it to your agent. Paste it into your coding agent’s chat and send.
Review the setup. Your agent checks the skill’s instructions, requirements, and installation scope.

Installation guide →

Review, license & listing details

Review the source before using this skill

This is an imported listing. We haven’t certified its safety, license, or compatibility. Skills may include executable scripts.

Automated security scan: Partial

Only SKILL.md was scanned. Supporting files and scripts were not checked. No safety grade has been assigned.

0 potential findings · Scanned 11/4/2026 · Scanner 0.2.1

Content SHA-256: df9c632f2619cd093e6cb275edd4d8e25ce5446a4a0c0f6583cf19d80dbcc547

About scan coverage and limitations

Original listing metadata

Original name

mobile-responsive

Original description

About this listing

Category: Product & design
Reported license: Not specified
Listing language (estimated): English
Review status: Not individually reviewed
Agent compatibility: Atlas installation supports Claude Code, Codex, and Cursor. Skill-specific dependencies and features are checked during setup.