What is the Lev Design workflow?

It is a 7-step agentic pipeline that guides Claude through a structured design process, moving from problem framing and user jobs to technical task decomposition and wireframe generation.

Does this skill generate actual code or just designs?

It focuses on the design and architecture phase, producing machine-readable artifacts like JSON wireframes and YAML component intents which can then be used by implementation skills.

Can I use Lev Design for mobile app development?

Yes, it specifically includes frameworks for mobile-first design, accessibility (WCAG), and state machine modeling suitable for iOS, Android, and web applications.

How does it handle existing project context?

The skill includes a 'compare' mode that researches your current codebase patterns and documentation to ensure new designs are consistent with existing architectural decisions.

Lev Design UX Pipeline

Name: Lev Design UX Pipeline
Author: lev-os

bylev-os

0•

Design Tools

Executes a rigorous 7-step agentic UX design pipeline to transform product concepts into validated wireframes and structured information architecture.

Lev Design is a specialized Claude Code skill that implements a comprehensive, UX-first workflow for product development. Rather than jumping straight to UI components, it forces a structured analysis through seven distinct phases: problem framing, Jobs-to-be-Done (JTBD) mapping, task decomposition, information architecture, interaction modeling, component intent, and final wireframe synthesis. By utilizing framework-driven analysis and parallel research agents, it ensures that design decisions are rooted in first principles, user needs, and technical constraints before a single line of frontend code is written.

Key Features

010 GitHub stars

02Comparison mode to evaluate new design specs against existing implementation code

03Parallel research agents that scan codebase patterns and industry best practices

04Framework-driven analysis using JTBD, Cynefin, Atomic Design, and Gestalt principles

057-step agentic design pipeline from problem framing to high-fidelity wireframes

06Automated generation of machine-readable artifacts (JSON/YAML) for each design stage

Use Cases

01Starting a new feature or product discovery phase with structured UX thinking

02Redesigning complex existing user flows to reduce cognitive load and improve IA

03Generating comprehensive design documentation and wireframes for mobile or desktop apps

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add lev-os/agents lev-design

For use in Claude.ai and ChatGPT

Download Skill