Atomic design organizes a UI into five tiers: atoms (smallest units like a button or label), molecules (combinations like a search bar), organisms (full sections like a navigation), templates (page-level layouts), and pages (real content). The advantage for AI agents is fitness — a well-built atomic registry exposes every primitive as a token-backed component, which makes a transferred design language easier to manifest as code. AI2 Design's Launchpad product ships a curated atomic registry as starter code.
Glossary · framework
Atomic Design
Brad Frost's hierarchical design system methodology that scales components from atoms (button, input) to organisms (header, card) to pages.
External reference
Brad Frost — Atomic Design