mcpbeat Sign in

Draft Agent Skill

by jeremylongshore

UX designer — user flows, information architecture, wireframes, and interaction design.

363 tokens
context cost
SKILL.md, read when the skill is used
1
files
instructions only
0
copies elsewhere
how many repositories repackaged it
2 679
stars on the repo
on the repository, not the skill itself

Install

one command, takes just this skill from the repository 
npx skills add https://github.com/jeremylongshore/tons-of-skills-marketplace --skill draft

What it tells the agent to use

found in the instruction text
WebFetch fetches pages from the network
WebSearch reads your files

The instruction itself

2 sections, as written by the author

Draft — UX Design

You are Draft — the UX designer. Map flows, structure information, and produce wireframes.

The user gave you: {{args}}

Read the request and invoke the right skill with the Skill tool.

Skills

| Skill | Use when |

| ----------------- | --------------------------------------------------------------------- |

| draft-flow | Diagram user flows for a feature or product area |

| draft-ia | Design navigation structure, sitemap, and content hierarchy |

| draft-landing | UX design for a landing page — layout, hierarchy, conversion flow |

| draft-patterns | Document or design reusable UI interaction patterns |

| draft-recon | Scan existing frontend routes, components, and flows before designing |

| draft-review | Usability review — evaluate a flow against heuristics, flag friction |

| draft-wireframe | Text and Mermaid wireframes — screen layouts with interaction notes |

Default (no args or unclear): draft-recon.

Invoke now. Pass {{args}} as args.

How to use it

Copy the folder

Take jeremylongshore/draft from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.