Atlas design skill for AI agents

Overview

Atlas is a clean, technical design system skill file built for interfaces where precision and confidence matter. When you give this skill file to an AI coding assistant, it generates UIs that feel crisp and production-ready: one white content surface, saturated indigo brand moments, square component shells, and hairline borders instead of soft shadows.

The system keeps the brand focused. Indigo is reserved for hero areas, footer surfaces, primary actions, links, and focus states, while ordinary content stays on a calm white canvas. Structure comes from disciplined spacing, compact Inter typography, and exact borders rather than decorative backgrounds or heavy elevation.

Visual Language

Atlas uses 0px corners for every box-shaped shell, including cards, buttons, fields, tables, modals, menus, tabs, alerts, and tooltips. Functionally round controls such as toggles, avatars, radios, ranges, and status dots stay fully round, which makes the geometry feel intentional instead of arbitrary.

Use Atlas for SaaS products, developer tools, AI interfaces, documentation systems, admin panels, and technical dashboards that need to look mature, orderly, and sharp without becoming visually loud.