How does this skill use the DESIGN.md file?

If a DESIGN.md file is found in your project, the skill extracts color palettes, typography, and component styles to ensure the generated prompt maintains brand consistency.

Can I use this for both web and mobile designs?

Yes, the skill includes a platform assessment step that allows you to specify web, mobile, or desktop contexts for the generated UI.

What is Stitch in the context of this skill?

Stitch is a UI generation tool; this skill is specifically designed to act as a 'Prompt Engineer' to ensure your inputs to Stitch are detailed enough to produce high-quality code.

Does this skill generate the code itself?

No, this skill generates an optimized prompt. You then use that prompt with a UI generation tool like Stitch to produce the actual frontend code.

Stitch UI Prompt Enhancer

Name: Stitch UI Prompt Enhancer
Author: bdarcus

bybdarcus

0•

设计工具

Transforms vague UI concepts into structured, design-system-aware prompts optimized for the Stitch generation engine.

The enhance-prompt skill acts as a specialized Prompt Engineer for Stitch, bridging the gap between high-level user ideas and the specific technical detail required for high-fidelity UI generation. It automatically injects professional UI/UX terminology, structures page hierarchies into logical sections, and integrates local design tokens from DESIGN.md files to ensure every generated component adheres to your project's established visual language and brand consistency.

主要功能

01Deep integration with local DESIGN.md files for design system consistency

02Targeted edit mode for specific UI component updates and refinements

03Automated UI/UX keyword enrichment for higher generation precision

04Standardized color token formatting using functional roles and hex codes

05Structured multi-section page layout generation with clear hierarchy

060 GitHub stars

使用场景

01Converting a one-sentence UI idea into a detailed, multi-section technical prompt

02Enforcing consistent design tokens across a multi-page web application project

03Refining existing prompts that produced suboptimal or inconsistent visual results

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add bdarcus/style-hub enhance-prompt

For use in Claude.ai and ChatGPT

Download Skill