wilwaldon

Redesign Layout — Design skill for Claude Code

Design community

Read CLAUDE.md in this repo — specifically the Section Layout Recipes, Homepage Blueprint, and Inner Page Patterns.

How to install Redesign Layout

Installs to ~/.claude/commands/wilwaldon-lets-go-redesign-layout.md

Terminal
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/wilwaldon/lets-go/HEAD/.claude/commands/redesign-layout.md -o ~/.claude/commands/wilwaldon-lets-go-redesign-layout.md

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

What Redesign Layout does

Read CLAUDE.md in this repo — specifically the Section Layout Recipes, Homepage Blueprint, and Inner Page Patterns.

The user wants to improve the layout variety and structure of their existing site.

**Step 1 — Audit current layouts:**

Read all HTML files and identify the layout pattern used in each section:

  • Centered content with heading → grid below (the default AI pattern)
  • Split layout (text left, content right or reversed)
  • Staggered grid with offset
  • Statement section (big text only

Alternatives in Design

  • Doc — Read, create, and edit .docx documents with formatting and layout fidelity 14.6k ★
  • Hn Rewrite — Read {{arg1}} (either a file path or GitHub issue URL) and rewrite it in a technical, matter-of-fact style sui 570 ★
  • Design Expert — Apply expert UX/UI design thinking to design, redesign, enhance, or fix any interface element with meticulous 348 ★

Full documentation available on GitHub

View Source Repository