tundraray

Front Plan — Design skill for Claude Code

Design community

Create frontend work plan from design document and obtain plan approval.

How to install Front Plan

Installs to ~/.claude/skills/tundraray-overture-front-plan/SKILL.md

Terminal
mkdir -p ~/.claude/skills/tundraray-overture-front-plan && curl -fsSL https://raw.githubusercontent.com/tundraray/overture/HEAD/commands/front-plan.md -o ~/.claude/skills/tundraray-overture-front-plan/SKILL.md

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

What Front Plan does


name: front-plan description: Create frontend work plan from design document and obtain plan approval argument-hint:

**Command Context**: This command is dedicated to the frontend planning phase.

Orchestrator Definition

**Role**: Orchestrator

**Execution Method**:

  • Work plan creation → performed by work-planner

Orchestrator invokes sub-agents and passes structured JSON between them.

Scope Boundaries

**Included in this command**:

  • Design document s

Alternatives in Design

  • Part 3 — Technical Design Document Generator — I'll help you create a Technical Design Document for your MVP 2.1k ★
  • Clui Cc — A lightweight, transparent desktop overlay for Claude Code on macOS 956 ★
  • Design Handoff — Generate a developer handoff document from a Figma file — spacing specs, token maps, component APIs, and produ 309 ★

Full documentation available on GitHub

View Source Repository