skills/smithery.ai/atomic-page-builder

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
Installs
1
First Seen
Mar 28, 2026
atomic-page-builder from smithery.ai