tundraray

Front Reverse Design — Design skill for Claude Code

Design community

Generate frontend Design Docs from existing codebase using existing PRD.

How to install Front Reverse Design

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

Terminal

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

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

What Front Reverse Design does

name: front-reverse-design description: Generate frontend Design Docs from existing codebase using existing PRD argument-hint:

**Command Context**: Reverse engineering workflow to create frontend Design Docs from existing code

**Prerequisites**: PRD must exist (created via reverse-engineer or manually)

Target PRD: $ARGUMENTS

**TodoWrite**: Register phases first, then steps within each phase as you enter it.

Step 0: Initial Configuration

0.1 Scope Confirmat

Alternatives in Design

Extract — Design System & Product Reverse-Engineering - Extract tokens, components, architecture, and PRDs from codebase 2.8k ★
Part 3 — Technical Design Document Generator — I'll help you create a Technical Design Document for your MVP 2.1k ★
Icm Architect — Claude skill: design any process, idea, or problem into an ICM workspace (folder structure as agent architectu 1.3k ★