Design first UI prompting

Covers prompt structure, constraints, variations, typography/spacing rules, and iteration workflow for consistent UI outputs.

Landing pagesMeng ToMIT

Install

npx degit MengTo/Skills/agent-skills/ui/design-first-ui-prompting .claude/skills/design-first-ui-prompting

Run it in your project root, then ask your agent for what you want. More detail

What it does

Use when you need design-first, spec-driven, skimmable prompts for UI generation. Covers prompt structure, constraints, variations, typography/spacing rules, and iteration workflow for consistent UI outputs.

Straight from the skill's own SKILL.md. This is what your agent reads.

Read SKILL.md Source folder