Designing | Agent Skills Atlas

About this skill

Use when designing or fixing a user interface — establishing visual hierarchy, layout and spacing, typography, color and contrast, accessibility (WCAG contrast, keyboard, focus, labels), responsive behavior, interaction states, or consistency with an existing design system, and verifying the rendered result. Loaded for UI/UX and product-design work, not for backend or non-visual tasks.

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: 81951fffe742e225563d9ab9a21c9d4d053d9536c2acf76a8fe92d2537d39eda

About scan coverage and limitations

Original listing metadata

Original name

designing

Original description

This skill should be used when designing or fixing a user interface — establishing visual hierarchy, layout and spacing, typography, color and contrast, accessibility (WCAG contrast, keyboard, focus, labels), responsive behavior, interaction states, or consistency with an existing design system, and verifying the rendered result. Loaded for UI/UX and product-design work, not for backend or non-visual tasks.

About this listing

Category: Product & design
Reported license: MIT
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.