noizu-labs-ml

Extract Screens — Design skill for Claude Code

Design community

Analyze user stories in the current project and extract screens + reusable UI components into project-management/screens/ and project-management/components/.

How to install Extract Screens

Installs to ~/.claude/skills/noizu-labs-ml-noizupromptlingo-extract-screens/SKILL.md

Terminal

mkdir -p ~/.claude/skills/noizu-labs-ml-noizupromptlingo-extract-screens && curl -fsSL https://raw.githubusercontent.com/noizu-labs-ml/NoizuPromptLingo/HEAD/commands/extract-screens.md -o ~/.claude/skills/noizu-labs-ml-noizupromptlingo-extract-screens/SKILL.md

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

What Extract Screens does

name: extract-screens description: Analyze user stories in the current project and extract screens + reusable UI components into project-management/screens/ and project-management/components/. Requires user stories in project-management/user-stories/.

Extract Screens & Components from User Stories

You are running inside a project directory that contains user stories under `project-management/user-stories/`. Your job is to analyze ALL user stories and produce two deliverables:

Alternatives in Design

Frontend Design — Create distinctive, production-grade frontend interfaces with high design quality 94.1k ★
Extract — Design System & Product Reverse-Engineering - Extract tokens, components, architecture, and PRDs from codebase 2.8k ★
Design Critique — UX heuristic review of Figma screens — evaluates against Nielsen's 10 heuristics, visual design quality, spaci 309 ★