nyldn

Octo Extract — Design skill for Claude Code

Design community

\"Design System & Product Reverse-Engineering - Extract tokens, components, architecture, and PRDs from codebases or live products\".

How to install Octo Extract

Installs to ~/.claude/skills/nyldn-claude-octopus-octo-extract/SKILL.md

Terminal

mkdir -p ~/.claude/skills/nyldn-claude-octopus-octo-extract && curl -fsSL https://raw.githubusercontent.com/nyldn/claude-octopus/HEAD/commands/octo-extract.md -o ~/.claude/skills/nyldn-claude-octopus-octo-extract/SKILL.md

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

What Octo Extract does

description: "\"Design System & Product Reverse-Engineering - Extract tokens, components, architecture, and PRDs from codebases or live products\""

/octo:extract - Design System & Product Reverse-Engineering

**Your first output line MUST be:** `🐙 Octopus Extract`

🤖 INSTRUCTIONS FOR CLAUDE

When the user invokes this command (e.g., `/octo:extract ` or `/octo:extract `):

Step 0: PDF Page Selection (if target is PDF)

**CRITICAL: For PDF files > 10 pages, ask

Alternatives in Design

Interface Design — Design engineering for Claude Code 4.3k ★
Studio — Launch the local design Studio — a live token editor over the latest extraction 3.6k ★
Style Extract — 从代码或设计图提取样式变量 1k ★