skills.rest
Ayoub-ouederni
Ayoub-ouederniCOMMUNITY
Explore all skills by this author →
GitHub

enhance-prompt

Transforms vague UI ideas into structured, Stitch-optimized generation prompts.

Updated Apr 3, 2026
Search Tags:#prompt engineering#design system#ui design#stitch#google stitch#prompt enhancement#ux keywords
One-click install
npx skills add https://github.com/Ayoub-ouederni/SENTINEL --skill enhance-prompt-ayoub-ouederni
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: enhance-prompt
Source: https://github.com/Ayoub-ouederni/SENTINEL/tree/main/.claude/skills/enhance-prompt
Command: npx skills add https://github.com/Ayoub-ouederni/SENTINEL --skill enhance-prompt-ayoub-ouederni

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Vague prompts like "make me a login page" produce inconsistent, low-quality UI generations. This Skill rewrites rough ideas into detailed, structured prompts with design systems, page structure, and UI/UX terminology so Stitch produces better results. ## Core Features & Use Cases - Prompt Enhancement Pipeline: Assesses missing elements (platform, structure, style, colors), then applies UI/UX keywords, vibe adjectives, and numbered page sections. - Design System Integration: Detects an existing DESIGN.md file and injects its color palette, typography, and component styles into the prompt as a required design block. - Structured Output Formatting: Produces Stitch-ready prompts with a one-line summary, DESIGN SYSTEM block, and numbered page structure, with optional file output for chaining into other workflows. - Use Case: A designer types "add a search bar" and receives a targeted edit prompt specifying location, styling, placeholder text, and behavior, ready to paste into Stitch. ## Quick Start Ask the agent to enhance your prompt, for example: "Enhance my prompt 'make me a dashboard' for better Stitch generation results."

Frequently Asked Questions about enhance-prompt

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

FAQPage Schema
How do I write better prompts for Google Stitch?▼

Structure your prompt with a one-line description, a design system block listing colors with hex codes and roles, and a numbered page structure describing each section. Specific UI component names and mood adjectives significantly improve generation quality.

How do I enhance a vague UI prompt like 'make me a login page'?▼

Run the enhance-prompt skill with your rough idea. It assesses missing elements like platform, structure, and colors, then rewrites the prompt with specific component keywords, a design system block, and numbered sections.

Does the skill work with an existing design system?▼

Yes. If a DESIGN.md file exists in your project, the skill reads it and injects the color palette, typography, and component styles into the enhanced prompt as a required design system block.

What UI keywords improve AI design generation results?▼

Use specific component terms like navigation bar, card grid, hero section, and primary call-to-action button instead of vague words. Pair them with mood adjectives such as minimal, sophisticated, or vibrant to set the visual tone.

Can I save the enhanced prompt to a file?▼

Yes. By default the enhanced prompt is returned as text, but you can request file output such as next-prompt.md for use with the stitch-loop skill, or specify a custom filename.

Related Skills

Explore More Design & Creative Skills→
KaziNizamulKaziNizamul

design-md

Extract design tokens from Stitch screens into a semantic DESIGN.md.

Community
Advanced
akillnessakillness
40

stitch-skills

Generate Stitch UI screens and multi-page websites from prompts.

Community
Advanced
phuchau26phuchau26

design-md

Synthesize Stitch project assets into a semantic DESIGN.md file.

Community
Advanced
vikingokftvikingokft

enhance-prompt

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

Official
Intermediate