atomic-page-builder
Installation
SKILL.md
Atomic Page Builder
Compose pages using ONLY existing atomic-design components.
Critical Rule: Figma Is Source of Truth
NEVER guess layout. ALWAYS extract EXACT page specs from Figma first.
Figma-First Workflow
1. EXTRACT PAGE SPECS FROM FIGMA (Mandatory)
- Use Figma MCP: get_node
- Extract: grid, gaps, padding, margins
- Identify components used
- Note page-specific overrides