lev-design

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the process of transforming product ideas into validated wireframes by encoding a structured, UX-first design methodology.

Core Features & Use Cases

  • 7-Step Agentic Pipeline: Guides users through problem framing, jobs-to-be-done, task decomposition, information architecture, interaction modeling, component intent, and wireframing.
  • Parallel Research: Integrates research agents for codebase patterns, documentation, and industry best practices at each step.
  • Use Case: When starting a new feature for a mobile app, use this Skill to systematically define the problem, understand user needs, and generate initial wireframes before any visual design begins.

Quick Start

Use the lev-design skill to design the onboarding flow for the OpenClaw iOS app.

Frequently Asked Questions about lev-design

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

FAQPage Schema
How do I create wireframes from a product idea using a structured UX workflow?

You can transform product ideas into validated wireframes by running a 7-step agentic design workflow that handles problem framing, task decomposition, and user flow generation. This ensures user-centric problem definition before visual design begins.

What is the best way to define user needs when starting new feature development?

Defining user needs during new feature development is best achieved through jobs-to-be-done analysis and parallel research. This approach systematically evaluates codebase patterns and industry best practices to establish clear interaction modeling.

How do I structure information architecture for a mobile app redesign?

Structuring information architecture for a mobile app redesign requires iterative artifact creation guided by framework-driven analysis. It breaks down complex products into component intents and deterministic task execution flows.

Can I use this UX design workflow for both new products and feature redesigns?

Yes, you can use this UX design workflow for both new feature development and product redesigns. It applies structured UX thinking to systematically define problems and generate initial wireframes across different project contexts.

Does the wireframe generation process include research on existing codebase patterns?

Yes, the wireframe generation process integrates parallel research agents that evaluate existing codebase patterns, documentation, and industry best practices. This research operates continuously across each of the 7 skill phases for deterministic validation.

When should I not use a 7-step agentic design pipeline for wireframing?

You should not use a 7-step agentic design pipeline when you need rapid, low-fidelity sketches without structured UX thinking. It is built for deterministic task execution and requires progressing through problem framing and interaction modeling before generating wireframes.