mengto-design-first-ui-prompting (Claude Code adapter)
Canonical skill: ../../../skills/mengto-design-first-ui-prompting/SKILL.md
Load and follow the canonical SKILL.md (and sibling refs/scripts there).
Mengto Design First UI Prompting
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.
oimiragieo
Updated Mengto Design First UI Prompting by oimiragieo · 4cc598a
npx skillmds@latest add oimiragieo/mengto-design-first-ui-prompting-2 File contents
---name: mengto-design-first-ui-prompting-2description: 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.---# mengto-design-first-ui-prompting (Claude Code adapter)Canonical skill: [`../../../skills/mengto-design-first-ui-prompting/SKILL.md`](../../../skills/mengto-design-first-ui-prompting/SKILL.md)Load and follow the canonical SKILL.md (and sibling refs/scripts there).
oimiragieo/gotcontext-frontend-developer/tree/main/.claude/skills/mengto-design-first-ui-prompting commit 4cc598ad54
Frequently asked questions
Run npx skillmds@latest add oimiragieo/mengto-design-first-ui-prompting-2 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.
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. It is listed under Design & Media on SkillMD.
This skill has not completed SkillMD's automated safety review yet. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
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.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
oimiragieo (@oimiragieo) published this skill. Their other Agent Skills are listed on their SkillMD profile.