Direct high-quality visual work — websites, web apps, dashboards, landing pages, native iOS (SwiftUI) and Android (Jetpack Compose) apps, mobile web, React components, Word/PDF/PowerPoint documents, HTML slide decks, posters, and reports. Use whenever the user asks to build, design, style, or beautify any visual artifact, even if they don't say 'design'. Starts with a visual direction picker (seven pre-baked starter designs rendered as thumbnails) or a short two-question fallback, drafts a portable design-system.md the user can edit, then enforces that system across the artifact — dark mode variants, component pattern library, native iOS/Android snippets, i18n/RTL, accessibility audits, performance budgets, imagery discipline — while blocking generic AI-slop defaults (Inter/Roboto, purple-on-white gradients, rainbow headings, stock photos, emoji as icons). Live design-partner mode: say 'the hero feels flat' and it translates the complaint into concrete token moves and re-renders. Extensible via add-on packs (MIT core + independently licensed packs).
Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI
Supported by the Atlas install prompt. Skill-specific requirements vary.
Skill stats
Skills1CategoryProduct & designStars0
About this skill
Direct high-quality visual work — websites, web apps, dashboards, landing pages, native iOS (SwiftUI) and Android (Jetpack Compose) apps, mobile web, React components, Word/PDF/PowerPoint documents, HTML slide decks, posters, and reports. Use whenever the user asks to build, design, style, or beautify any visual artifact, even if they don't say 'design'. Starts with a visual direction picker (seven pre-baked starter designs rendered as thumbnails) or a short two-question fallback, drafts a portable design-system.md the user can edit, then enforces that system across the artifact — dark mode variants, component pattern library, native iOS/Android snippets, i18n/RTL, accessibility audits, performance budgets, imagery discipline — while blocking generic AI-slop defaults (Inter/Roboto, purple-on-white gradients, rainbow headings, stock photos, emoji as icons). Live design-partner mode: say 'the hero feels flat' and it translates the complaint into concrete token moves and re-renders. Extensible via add-on packs (MIT core + independently licensed packs).
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.
Direct high-quality visual work — websites, web apps, dashboards, landing pages, native iOS (SwiftUI) and Android (Jetpack Compose) apps, mobile web, React components, Word/PDF/PowerPoint documents, HTML slide decks, posters, and reports. Use whenever the user asks to build, design, style, or beautify any visual artifact, even if they don't say 'design'. Starts with a visual direction picker (seven pre-baked starter designs rendered as thumbnails) or a short two-question fallback, drafts a portable design-system.md the user can edit, then enforces that system across the artifact — dark mode variants, component pattern library, native iOS/Android snippets, i18n/RTL, accessibility audits, performance budgets, imagery discipline — while blocking generic AI-slop defaults (Inter/Roboto, purple-on-white gradients, rainbow headings, stock photos, emoji as icons). Live design-partner mode: say 'the hero feels flat' and it translates the complaint into concrete token moves and re-renders. Extensible via add-on packs (MIT core + independently licensed packs).
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.
Claude Code
Codex
Cursor
GitHub Copilot
Gemini CLI