Light-canvas dark-sidebar admin aesthetic: frosted-white card surfaces on a pale blue-grey page (f5f7fd), a fixed deep-navy sidebar (1a2035) with white icon-label navigation, a sticky top header bar, a cobalt-blue primary accent (1572e8) for buttons, badges, and active states, body text 5a5a5a, Public Sans 400/600/700 type scale, 10px card radius, subtle box-shadow cards, and status pills for every entity state. Archetype = fixed dark vertical sidebar (icon + label items, collapsible sub-nav, bottom user chip) + sticky top header (breadcrumb title + search field + icon actions + avatar) + 4-tile KPI row (icon chip + big figure + trend badge + sub-label) + 2-column dashboard grid (status overview panel + SVG inline chart panel) + full-width records table with status pills, plus list, advanced datatable, form, charts, widgets, and profile/settings screens.
Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI
Supported by the Atlas install prompt. Skill-specific requirements vary.
Skill stats
Skills1CategoryGeneralStars0
About this skill
Light-canvas dark-sidebar admin aesthetic: frosted-white card surfaces on a pale blue-grey page (f5f7fd), a fixed deep-navy sidebar (1a2035) with white icon-label navigation, a sticky top header bar, a cobalt-blue primary accent (1572e8) for buttons, badges, and active states, body text 5a5a5a, Public Sans 400/600/700 type scale, 10px card radius, subtle box-shadow cards, and status pills for every entity state. Archetype = fixed dark vertical sidebar (icon + label items, collapsible sub-nav, bottom user chip) + sticky top header (breadcrumb title + search field + icon actions + avatar) + 4-tile KPI row (icon chip + big figure + trend badge + sub-label) + 2-column dashboard grid (status overview panel + SVG inline chart panel) + full-width records table with status pills, plus list, advanced datatable, form, charts, widgets, and profile/settings 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.
Light-canvas dark-sidebar admin aesthetic: frosted-white card surfaces on a pale blue-grey page (#f5f7fd), a fixed deep-navy sidebar (#1a2035) with white icon-label navigation, a sticky top header bar, a cobalt-blue primary accent (#1572e8) for buttons, badges, and active states, body text #5a5a5a, Public Sans 400/600/700 type scale, 10px card radius, subtle box-shadow cards, and status pills for every entity state. Archetype = fixed dark vertical sidebar (icon + label items, collapsible sub-nav, bottom user chip) + sticky top header (breadcrumb title + search field + icon actions + avatar) + 4-tile KPI row (icon chip + big figure + trend badge + sub-label) + 2-column dashboard grid (status overview panel + SVG inline chart panel) + full-width records table with status pills, plus list, advanced datatable, form, charts, widgets, and profile/settings screens.
About this listing
Category
General
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