How do I install the Design Lab skill?

Run npx skillmds add podo/design-lab in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Design Lab skill do?

Interactive design exploration environment: conducts design interviews, generates multiple UI variants, and refines designs through structured iterative feedback loops until the direction is confirmed. It is listed under Coding & Dev Tools on SkillMD.

Is Design Lab safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: makes network calls. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Design Lab?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Design Lab free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Design Lab?

podo (@podo) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Design Lab by podo — Agent Skill

Name: Design Lab
Rating: 4.2 (5 reviews)
Author: podo

File contents

design-lab

Catalogue stub — full skill: 0xdesign/design-plugin

Decision tree

Run this before any exploratory design session:

Is the full skill already installed? Check: ~/.design-agent-skills/skills/design-lab/SKILL.md exists AND does NOT contain a das: block.
- Yes → invoke design-lab and proceed
- No → go to step 2
Do you have shell access?
- Yes → run the install command below, then invoke the skill
- No → show the install command; in Claude Code, send it as a chat message starting with ! — add -g for global install or omit for project-only

Install command

npx skills add 0xdesign/design-plugin --skill design-lab

Or per-agent:

Claude Code: claude skills add 0xdesign/design-plugin
Cursor/OpenCode: npx skills add 0xdesign/design-plugin --skill design-lab

Invoke after install

Skill name: design-lab
Trigger phrases: "design lab", "design exploration", "design variants", "iterative design"

What it does

Runs an interactive design exploration session by first conducting a brief design interview to understand constraints and intent, then generating multiple distinct UI variants. Gathers structured feedback on each variant and iterates until a direction is confirmed and ready for implementation.

Frequently asked questions