Autonomous analyze-fix loop for detecting and fixing visual, accessibility, and UX issues in web applications. Delegates screenshot capture to the ui-screenshotter skill, then analyzes the images for layout breaks, contrast violations, and design inconsistencies and applies targeted CSS/HTML fixes iteratively. USE FOR: fixing broken layouts, improving color contrast and accessibility compliance, modernizing dated visual patterns, resolving responsive design failures, polishing spacing and typography inconsistencies. DO NOT USE FOR: backend logic bugs, API endpoint changes, database schema migrations, adding new features or pages, JavaScript runtime errors unrelated to rendering. INVOKES: ui-screenshotter skill (screenshot capture), file-editing tools.
Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI
Supported by the Atlas install prompt. Skill-specific requirements vary.
Skill stats
Skills1CategoryProduct & designStars0
About this skill
Autonomous analyze-fix loop for detecting and fixing visual, accessibility, and UX issues in web applications. Delegates screenshot capture to the ui-screenshotter skill, then analyzes the images for layout breaks, contrast violations, and design inconsistencies and applies targeted CSS/HTML fixes iteratively. USE FOR: fixing broken layouts, improving color contrast and accessibility compliance, modernizing dated visual patterns, resolving responsive design failures, polishing spacing and typography inconsistencies. DO NOT USE FOR: backend logic bugs, API endpoint changes, database schema migrations, adding new features or pages, JavaScript runtime errors unrelated to rendering. INVOKES: ui-screenshotter skill (screenshot capture), file-editing tools.
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.
Autonomous analyze-fix loop for detecting and fixing visual, accessibility, and UX issues in web applications. Delegates screenshot capture to the ui-screenshotter skill, then analyzes the images for layout breaks, contrast violations, and design inconsistencies and applies targeted CSS/HTML fixes iteratively. USE FOR: fixing broken layouts, improving color contrast and accessibility compliance, modernizing dated visual patterns, resolving responsive design failures, polishing spacing and typography inconsistencies. DO NOT USE FOR: backend logic bugs, API endpoint changes, database schema migrations, adding new features or pages, JavaScript runtime errors unrelated to rendering. INVOKES: ui-screenshotter skill (screenshot capture), file-editing tools.
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.