ilandahan

Build Page — Design skill for Claude Code

Design community

Compose pages using ONLY existing design system components.

How to install Build Page

Installs to ~/.claude/skills/ilandahan-aid-build-page/SKILL.md

Terminal

mkdir -p ~/.claude/skills/ilandahan-aid-build-page && curl -fsSL https://raw.githubusercontent.com/ilandahan/AID/HEAD/commands/build-page.md -o ~/.claude/skills/ilandahan-aid-build-page/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Build Page does

description: "Compose pages using ONLY existing design system components"

/build-page Command

Compose pages using ONLY existing design system components.

Usage

/build-page

What It Does

**Inventories Components**
- Scans existing atoms, molecules, organisms
- Lists available templates
- Identifies what can be composed
**Analyzes Gaps**
- Maps requirements to components
- Reports missing components
- Suggests atomic-design skill if

Alternatives in Design

Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
Site — Crawl a whole site and synthesize ONE canonical design system across all pages — unified tokens, coverage map 3.6k ★
Extract — Design System & Product Reverse-Engineering - Extract tokens, components, architecture, and PRDs from codebase 2.8k ★