stitch-deploy

Convert Stitch zip files into Netlify-compatible directory structures with URL slugs.

Updated May 3, 2026
One-click install
npx skills add https://github.com/ousiass/dotfiles --skill stitch-deploy
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: stitch-deploy
Source: https://github.com/ousiass/dotfiles/tree/main/.claude/skills/stitch-deploy
Command: npx skills add https://github.com/ousiass/dotfiles --skill stitch-deploy

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Stitch mock exports are easy to preview, but turning them into a Netlify-deployable directory layout usually requires tedious, error-prone manual renaming and re-structuring.

Core Features & Use Cases

  • Mock zip expansion and restructure: Expands a Stitch-generated zip and rearranges its page folders into a Netlify-compatible mock/ structure.
  • Page-name detection and URL slug mapping: Infers each page’s target directory name from HTML content (title/h1/h2) and converts it into an English URL slug.
  • Navigation landing page generation: Creates a root index.html that links to all pages and shows screenshot thumbnails, ready for deployment.

Quick Start

Ask the assistant to run stitch-deploy on your Stitch zip to produce a Netlify-ready mock directory layout.

Frequently Asked Questions about stitch-deploy

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

FAQPage Schema
How do I convert Stitch mock exports into a Netlify directory structure?

To convert Stitch mock exports into a Netlify directory structure, the skill extracts page folders from your zip file, renames code.html to index.html per page without modifying contents, and maps them to URL slugs for deployment.

How does URL slug mapping work for Stitch pages?

URL slug mapping for Stitch pages works by inferring each page's target directory name from the HTML content's title, h1, or h2 tags, and then converting that text into an English URL slug for the folder structure.

Can I automatically generate an index landing page with thumbnails for my HTML mockups?

Yes, you can automatically generate an index landing page for HTML mockups. The skill creates a root index.html that links to all extracted pages and displays their screenshot thumbnails, ready for static deployment.

Does converting Stitch zips for Netlify preserve design system assets?

Yes, converting Stitch zips for Netlify preserves design system assets. The restructuring process targets page folders for renaming while explicitly preserving non-page directories like design system assets.

What is the best way to deploy multiple Stitch mock pages without manual renaming?

The best way to deploy multiple Stitch mock pages without manual renaming is to automate the extraction and URL slug mapping. This rearranges p_XXX sections into a Netlify-compatible mock directory and generates a navigation index.