skills.rest
phuchau26
phuchau26COMMUNITY
Explore all skills by this author →
GitHub

enhance-prompt

Transform vague UI prompts into structured Stitch-ready prompts with design-system context.

Updated Aug 27, 2026
Search Tags:#ui#structure#ux#design-system#prompt#enhance#stitch
One-click install
npx skills add https://github.com/phuchau26/giatsay --skill enhance-prompt-phuchau26
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: enhance-prompt
Source: https://github.com/phuchau26/giatsay/tree/main/skills/enhance-prompt
Command: npx skills add https://github.com/phuchau26/giatsay --skill enhance-prompt-phuchau26

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Transforms vague UI prompts into precise, Stitch-ready prompts by injecting UI/UX vocabulary and a design-system context, enabling consistent and higher-quality generations.

Core Features & Use Cases

  • Assessment: Evaluates input for missing elements like platform, structure, visual style, and components.
  • DESIGN.md Check: If a DESIGN.md exists, extracts design tokens (colors, typography, components) to embed in outputs; otherwise prompts for best-practice defaults.
  • Enhancement: Adds UI/UX keywords, vibe adjectives, and a structured page layout blueprint to the prompt.
  • Formatting & Delivery: Produces a Stitch-optimized prompt with a design-system block and a clear page structure for faster generation.
  • Use Case: Ideal for turning rough UI ideas into production-ready Stitch prompts for web and mobile interfaces.

Quick Start

Provide a rough UI idea and I will produce a Stitch-ready, design-system aware prompt.

Frequently Asked Questions about enhance-prompt

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I turn vague UI ideas into precise prompts for Stitch?▼

To turn vague UI ideas into precise prompts for Stitch, provide your rough concept. It assesses missing elements like platform and visual style, then injects UI/UX vocabulary and design-system context to produce a structured, ready-to-run prompt.

What makes a UI prompt ready for consistent web and mobile generation?▼

A UI prompt is ready for consistent generation when it includes clear structure, design tokens, and tonal guidelines. Enhancing the prompt adds UI/UX keywords, vibe adjectives, and a structured page layout blueprint to ensure higher-quality results.

How do I apply an existing design system to my UI generation prompt?▼

To apply an existing design system, the tool checks for a DESIGN.md file. If found, it extracts design tokens like colors and typography to embed in your outputs; otherwise, it prompts for best-practice defaults to maintain visual consistency.

Do I need a DESIGN.md file to generate design-aware UI prompts?▼

You do not need a DESIGN.md file to generate design-aware UI prompts. If the file is absent, the tool automatically prompts for best-practice defaults, ensuring your enhanced prompt still meets design-system requirements for high-quality generation.

What is the best way to structure a prompt for mobile and web UI tasks?▼

The best way to structure a prompt for mobile and web UI tasks is to use a structured page layout blueprint. This includes specifying required components, visual style, platform details, and embedding a design-system block for faster, consistent generation.

Related Skills

Explore More Design & Creative Skills→
bastabasta
24

suggest

Generate three design token variants for an OpenDesign project.

Community
Intermediate
nashirabbashnashirabbash

enhance-prompt

Transform vague UI prompts into structured Stitch-ready prompts using DESIGN.md design tokens.

Community
Intermediate
Rub-gitRub-git

n8n:design-system

Guide Vue frontend development with Design System components and styles.

Community
Intermediate
RenyEnnosRenyEnnos
1

enhance-prompt

Transforms vague UI ideas into structured, Stitch-ready prompt with design-system context.

Community
Basic