Skills
.Work. You
Rest

mengto-ui-prompting

Community

Turn UI ideas into spec-ready prompts

Design & Creative#typography#landing page#design system#web layout#prompt constraints#ui prompting#variant workflow
AuthorMengTo
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It solves the problem of producing inconsistent, low-quality UI outputs from vague or unstructured prompts by enforcing a design-system-style specification and iteration workflow.

Core Features & Use Cases

  • Design-spec prompt structure: Converts goals into a constrained prompt including layout, typography, color/material rules, imagery style, exact copy rendering, and guardrails.
  • Variant-based iteration: Enables controlled rerolls by locking one system first and changing only one variable at a time for layout, accent, crop, or card arrangement.
  • Typography-safe workflow: Prevents text corruption using a two-pass approach (generate layout first, then typeset in Figma).
  • Practical use cases: Landing pages, pricing pages, UI components, and social-ready marketing visuals that must stay visually consistent.

Quick Start

Use mengto-ui-prompting to generate a design spec for a pricing page hero with strict typography, spacing, one accent color, and constraints so the output stays consistent across variants.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: mengto-ui-prompting
Download link: https://github.com/MengTo/Skills/archive/main.zip#mengto-ui-prompting

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.