stitch-enhance-prompt

Enhance vague UI ideas into Stitch-optimized prompts with design system context.

2|Updated Apr 2, 2026
One-click install
npx skills add https://github.com/cassioalexandre/agf --skill stitch-enhance-prompt-cassioalexandre
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stitch-enhance-prompt
Source: https://github.com/cassioalexandre/agf/tree/main/.agents/skills/stitch/stitch-enhance-prompt
Command: npx skills add https://github.com/cassioalexandre/agf --skill stitch-enhance-prompt-cassioalexandre

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It transforms vague UI concepts into structured, Stitch-optimized prompts that produce more accurate and consistent generation results.

Core Features & Use Cases

  • Prompt specificity upgrade: Adds missing platform, page type, structure, visual style, and components cues.
  • Design system injection: Reads an existing DESIGN.md to include palette/typography/component rules or suggests creating one.
  • Stitch-friendly output formatting: Produces a clear prompt with a required DESIGN SYSTEM section and numbered page structure.

Quick Start

Ask an AI agent to enhance your prompt by saying: "Enhance my prompt 'make me a login page' with a required DESIGN SYSTEM section and a numbered page structure."

Frequently Asked Questions about stitch-enhance-prompt

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

FAQPage Schema
How do I enhance a vague UI prompt for better page structure and design output?

To enhance a vague UI prompt, you add missing platform context, visual style cues, and component details. This process upgrades generic requests like 'make a login page' into structured prompts with a specific DESIGN SYSTEM section and numbered page structure.

What is a Stitch-optimized prompt and when do I need it for UI generation?

A Stitch-optimized prompt is a structured text input containing explicit design system context and page structure. You need it when generating web or product UIs like dashboards and landing pages, as missing style and structure cues reduce output quality.

How do I inject color tokens and typography rules into my UI design prompts?

You inject color tokens and typography rules by reading an existing DESIGN.md file. The prompt enhancement process extracts palette, typography, and component rules from this file and formats them into a required DESIGN SYSTEM section within the final output.

Do I need a DESIGN.md file to generate prompts with design system context?

You do not need a DESIGN.md file to enhance prompts, but having one allows the process to inject existing palette and component tokens. Without it, the enhancement will suggest creating a design system while still formatting a structured prompt.

Why does my generated landing page lack visual consistency and missing components?

Generated landing pages lack visual consistency when prompts miss structure and style cues. Enhancing your prompt adds missing platform specifics, visual styles, and a numbered page structure to guide the UI generation accurately.

What's the best way to format a prompt for generating a web dashboard with specific features?

The best way to format a prompt for web dashboard generation is structuring it with a required DESIGN SYSTEM section followed by a numbered page structure. This ensures all feature requests, like adding a search bar, are placed accurately within the layout.