ux

Orchestrate a 7-step UX design pipeline from problem framing to wireframe generation.

Updated Feb 13, 2026
One-click install
npx skills add https://github.com/lev-os/lev-content --skill ux-lev-os
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ux
Source: https://github.com/lev-os/lev-content/tree/main/sources/skills/ux
Command: npx skills add https://github.com/lev-os/lev-content --skill ux-lev-os

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines the entire UX design process, from initial problem framing to detailed component design and wireframing, ensuring user-centered and effective digital products.

Core Features & Use Cases

  • End-to-End UX Pipeline: Guides users through 7 distinct steps for comprehensive design.
  • Skill Routing: Intelligently routes to specialized design sub-skills (e.g., product design, visual prototyping) based on user needs.
  • Agentic UX Patterns: Incorporates advanced patterns for CLI design and agent interactions.
  • Use Case: Kickstart a new feature by defining the problem, identifying user jobs-to-be-done, decomposing tasks, designing information architecture, and generating wireframes, all within a structured workflow.

Quick Start

Use the ux skill to generate wireframes for a new mobile app login screen.

Frequently Asked Questions about ux

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design user experiences and wireframes for a new feature?

To design user experiences and wireframes, use a 7-step pipeline covering problem framing, jobs-to-be-done analysis, task decomposition, information architecture, interaction modeling, component definition, and wireframe generation.

What is jobs-to-be-done analysis in product design?

Jobs-to-be-done analysis in product design identifies the specific tasks users need to accomplish, serving as a foundational step to decompose tasks and model interactions before generating wireframes.

How do I create information architecture and interaction models for an app?

Create information architecture and interaction models by decomposing user tasks into structured hierarchies, then mapping those flows into interaction models that define component behavior and wireframe layouts.

Can I use this UX design pipeline for CLI and AI-driven interfaces?

Yes, this UX design pipeline supports CLI and AI-driven interfaces by incorporating agentic UX patterns, allowing you to model interactions and generate component definitions for non-traditional digital products.

What is the best way to route to specialized design sub-skills during wireframing?

The best way to route to specialized design sub-skills is through the pipeline's skill routing feature, which intelligently directs tasks to areas like product design or visual prototyping based on specific project needs.

Do I need prior wireframing experience to use this UX design pipeline?

No prior wireframing experience is strictly needed as the pipeline guides you through structured steps from problem framing to component definition, though understanding basic user experience concepts helps.