skill-extract

1> **Host: Codex CLI** — This skill was designed for Claude Code and adapted for Codex.
2> Cross-reference commands use installed skill names in Codex rather than `/octo:*` slash commands.
3> Use the active Codex shell and subagent tools. Do not claim a provider, model, or host subagent is available until the current session exposes it.
4> For host tool equivalents, see `skills/blocks/codex-host-adapter.md`.
5 
6 
7# Extract Skill - Implementation Guide
8 
9## Overview
10 
11The `extract` skill provides comprehensive reverse-engineering capabilities for design systems and product architectures. It transforms undocumented codebases into structured, implementation-ready documentation.
12 
13## Capabilities
14 
15### Design System Extraction
16- **Token Extraction**: Colors, typography, spacing, shadows from code or CSS
17- **Component Analysis**: Props, variants, usage patterns across React/Vue/Svelte
18- **Pattern Detection**: Layout patterns, design rules, accessibility guidelines
19- **Storybook Generation**: Auto-generated stories with variants and controls
20 
21### Product Architecture Extraction
22- **Service Detection**: Microservice boundaries, modules, domain boundaries
23- **API Mapping**: REST, GraphQL, tRPC, gRPC endpoint cataloging
24- **Data Modeling**: ORM schema extraction (Prisma, TypeORM, Sequelize)
25- **Feature Inventory**: Route-based and domain-based feature detection
26- **C4 Diagrams**: Automated architecture visualization (Mermaid)
27 
28## Technical Implementation
29 
30### Token Extraction Pipeline
31…