/ux-extract

Exhaustively extract UX patterns from a reference web app into a reusable pattern library

jezweb@jezweb

GitHub

From plugin

jezweb-skills

95957 skills57 commands

Install

$ npx -y skills add jezweb/claude-skills --agent claude-code

How it fires

How this command gets triggered: by you, by Claude, or both.

Fires itselfClaude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/ux-extract

Context preview

What this command does when you run it.

Exhaustively extract UX patterns from a reference web app into a reusable pattern library

Command definition

ux-extract.md

description: Exhaustively extract UX patterns from a reference web app into a reusable pattern library
argument-hint: "[URL or app name] [optional: 'focus on X' for a narrower scope]"
allowed-tools: "*"

Load the `ux-extract` skill and run the extraction.

$ARGUMENTS should identify the reference app (URL or well-known name) and optionally a scope or focus lens:

`/ux-extract claude.ai` — extract the whole app
`/ux-extract claude.ai focus on empty states` — narrower scope
`/ux-extract https://linear.app the onboarding flow` — specific feature area

Output goes to `docs/ux-extracts/<app-name>/pattern-library.md` (or `.jez/artifacts/ux-extracts/<app-name>/` if that directory exists).

The pattern library can be consumed by `ux-audit` as a comparison bar.

Read it on GitHub ↗

Ships withjezweb-skills

Production workflow skills for Claude Code. Each skill guides Claude through a recipe to produce tangible output — scaffolded projects, generated assets, professional documents, deployed services. Ten plugins of practical, production-oriented skills.

Get the whole plugin, auto-invoked

Stats

React React Native Tailwind shadcn/ui PHP

+7 tags

Drizzle Cloudflare Git Anthropic MCP Stripe Vite

959

Stars

Views

Forks

Maintained

Maintenance

Python