skills.rest
bbolek-ap
bbolek-apCOMMUNITY
Explore all skills by this author →
GitHub

generate-ui-designs

Create and manage Google Stitch UI design projects with design systems.

Updated Apr 29, 2026
Search Tags:#automation#ui-design#design-system#stitch#screen-generation#project-persistence
One-click install
npx skills add https://github.com/bbolek-ap/new-ai-native --skill generate-ui-designs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: generate-ui-designs
Source: https://github.com/bbolek-ap/new-ai-native/tree/main/.claude/skills/generate-ui-designs
Command: npx skills add https://github.com/bbolek-ap/new-ai-native --skill generate-ui-designs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create a Google Stitch UI design project and generate screens directly via the Stitch MCP, preserving a local record of prompts and design decisions to ensure subsequent runs update existing screens.

Core Features & Use Cases

  • Create a Stitch project and configure a design system for web and mobile.
  • Generate UI screens via Stitch MCP and persist prompts to .project/ui-designs/ as a local record.
  • Reuse the saved project on subsequent runs to update existing screens and avoid duplications.

Quick Start

Create or reuse a Stitch project, configure the design system, and generate or update UI screens based on your intake data.

Frequently Asked Questions about generate-ui-designs

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

FAQPage Schema
How do I automate Google Stitch UI design project creation and screen generation?▼

Stitch UI design projects use a design-system-driven approach where architecture and data model alignment guide screen generation, and all prompts are saved locally to maintain a persistent record for future updates.

How do I persist Stitch UI prompts locally so I can update existing screens later?▼

Persist Stitch UI prompts by saving them to the .project/ui-designs/ directory as a local record, which allows the system to reuse the saved project on subsequent runs to update existing screens and avoid duplications.

Can I configure a design system for both web and mobile in a Stitch project?▼

Yes, you can configure a design system for both web and mobile within a Stitch project, applying design tokens and aligning the data model to satisfy screen generation requirements across platforms.

Do I need to use the Stitch MCP to generate UI screens and manage project persistence?▼

Yes, the Stitch MCP is required to generate UI screens and manage project persistence, as it drives the creation, design system configuration, and local artifact saving required for the workflow.

What is the best way to avoid duplicating UI screens when re-running a Stitch design project?▼

Avoid duplicating UI screens by reusing the saved Stitch project data stored in the local .project/ui-designs/ directory, which tracks previous prompts and design decisions to update existing screens on subsequent runs.

Related Skills

Explore More Design & Creative Skills→
MakisuoMakisuo
1.6k

clickhousectl-local-dev

Install and configure a local ClickHouse environment with clickhousectl.

Community
Intermediate
phoenicisfphoenicisf

figma-implement-design

Translate Figma designs into production-ready UI code.

Community
Advanced
phamhuutri108phamhuutri108

stitch-design

Convert design goals into Stitch prompts and design-system artifacts.

Community
Advanced
PL-Coding-GmbHPL-Coding-GmbH
6

android-ui-screenshot-verify

Compare Android UI screens against Figma designs for visual alignment.

Official
Advanced