/ux-extract

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

BOOST

jezweb@jezweb

GitHub

From plugin

jezweb-skills

1.1k57 skills57 commands

> /plugin marketplace add jezweb/claude-skills

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 ↗

Stats

React React Native Tailwind shadcn/ui PHP Drizzle Cloudflare Git Anthropic MCP Stripe Vite

1,107

Stars

110

Forks

Maintained

Maintenance

Python

Language

MIT

License

1mo ago

Last commit

1y ago

Created

Repo: jezweb/claude-skills

In this plugin

63 skills 57 commands

See everything inside

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.

1.1k63 skills

Get the whole plugin

Stars on GitHub