kmshihab7878

Interface Design Extract — Design skill for Claude Code

Design community

Extract design patterns from existing code to create a system.md file.

How to install Interface Design Extract

Installs to ~/.claude/skills/kmshihab7878-claude-code-setup-interface-design-extract/SKILL.md

Terminal

mkdir -p ~/.claude/skills/kmshihab7878-claude-code-setup-interface-design-extract && curl -fsSL https://raw.githubusercontent.com/kmshihab7878/claude-code-setup/HEAD/commands/interface-design-extract.md -o ~/.claude/skills/kmshihab7878-claude-code-setup-interface-design-extract/SKILL.md

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

What Interface Design Extract does

Extract design patterns from existing code to create a system.md file.

Alternatives in Design

Interface Design — Design engineering for Claude Code 4.3k ★
Extract — Design System & Product Reverse-Engineering - Extract tokens, components, architecture, and PRDs from codebase 2.8k ★
Icm Architect — Claude skill: design any process, idea, or problem into an ICM workspace (folder structure as agent architectu 1.3k ★