stitch-skills

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

40|9|Updated Jan 4, 2026
One-click install
npx skills add https://github.com/akillness/jeo-skills --skill stitch-skills
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stitch-skills
Source: https://github.com/akillness/jeo-skills/tree/main/.agent-skills/stitch-skills
Command: npx skills add https://github.com/akillness/jeo-skills --skill stitch-skills

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Stitch-skills provides a library of Agent Skills for the Stitch MCP server to automate AI-powered UI design generation, screen-to-code workflows, multi-page site creation, and design documentation.

Core Features & Use Cases

  • Generate high-fidelity UI screens from natural language prompts.
  • Create multi-page websites from a single prompt with automated file organization.
  • Produce DESIGN.md documentation that translates design systems for AI agents.
  • Refine vague UI ideas into Stitch-optimized prompts and convert designs to React components.
  • Generate walkthrough videos via Remotion and integrate shadcn-ui components.

Quick Start

Install the stitch-skills package and begin using sub-skills such as stitch-design or stitch-loop to automate Stitch UI workflows.

Frequently Asked Questions about stitch-skills

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

FAQPage Schema
How do I generate high-fidelity UI screens from natural language prompts?

stitch-skills automates UI design generation by applying AI-powered workflows to convert natural language prompts into high-fidelity UI screens. It processes text inputs through defined validation and asset management steps to produce ready-to-use interface layouts.

Can I create a multi-page website from a single prompt?

Yes, stitch-skills supports creating multi-page websites from a single prompt with automated file organization. It processes the initial text prompt to generate structured individual pages while maintaining consistent design system documentation across the entire project.

How do I translate design systems into documentation for AI agents?

You can translate design systems into AI-readable documentation by generating DESIGN.md files. This workflow converts visual design rules and component specifications into structured markdown, ensuring AI agents can accurately interpret and apply your design system.

Does this workflow support generating React components and Remotion videos?

Yes, the workflow supports converting designs into React components and generating walkthrough videos via Remotion. It also integrates shadcn-ui components to ensure the generated code aligns with standard React development practices and asset management requirements.

What is the best way to convert vague UI ideas into optimized prompts?

The best way to convert vague UI ideas into optimized prompts is using the enhance-prompt workflow. This refines ambiguous design concepts into specific, structured instructions that the Stitch MCP server can process for accurate screen generation and validation.