What is the 7-step UX pipeline included in this skill?

The pipeline is a deterministic workflow that guides the AI through Problem Framing, JTBD analysis, Task Decomposition, IA Schema creation, Interaction Modeling, Component mapping, and final Wireframe generation.

How does the Hub Decision Tree work?

The skill evaluates your request to determine if it requires product planning, visual design, CLI patterns, or the standard UX pipeline, then automatically loads the appropriate sub-skill or toolset.

What are Agentic UX patterns?

These are design principles specifically for AI-driven interfaces, such as 'CLI-as-Prompt' and progressive disclosure, ensuring that agent interactions are intuitive and steerable.

Can this skill create visual design files?

Yes. While the hub handles the logic and structure, it routes visual design requests to the Pencil MCP tool to generate .pen files and visual mockups.

UX & Product Design Hub

Name: UX & Product Design Hub
Author: lev-os

bylev-os

0•

Design Tools

Accelerates the end-to-end design process using a 7-step wireframe pipeline and agentic UX patterns for CLI and product interfaces.

The UX Design Hub is a comprehensive orchestration tool for Claude Code that streamlines the product development lifecycle. It provides a structured 7-step pipeline—moving from problem framing and Jobs To Be Done (JTBD) to information architecture and wireframes—while routing specialized requests to sub-skills for product roadmapping, visual prototyping via Pencil MCP, and design systems. By incorporating industry-standard thinking patterns like Nielsen Heuristics and agentic UX principles, it helps developers build intuitive, accessible, and well-architected software interfaces directly from the terminal.

Key Features

01Built-in integration with UX thinking patterns including Laws of UX and WCAG accessibility.

02Agentic UX patterns optimized for CLI design, progressive disclosure, and prompt steering.

03Intelligent routing to specialized skills for product vision, roadmaps, and data modeling.

040 GitHub stars

05Standardized artifact generation in YAML, JSON, and Markdown for version-controlled design.

06Automated 7-step UX pipeline from problem framing to high-fidelity wireframes.

Use Cases

01Generating comprehensive UX documentation and wireframes for new product modules.

02Transforming raw feature requests into structured information architecture and user flows.

03Designing developer-centric CLI tools using specialized agentic interaction patterns.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add lev-os/agents ux

For use in Claude.ai and ChatGPT

Download Skill