Stitch Delivery System

The complete AI-powered website factory.

Best Design. Great Code. Fast Delivery.

An Antigravity skill for end-to-end website delivery using:

• Google Stitch for AI-powered design generation
• Astro for blazing-fast static frontend
• WordPress as headless CMS

🚀 Installation

# Using add-skill CLI
npx add-skill [repo-url] --skill stitch-delivery --global

# Or clone manually
mkdir -p .agent/skills
git clone https://github.com/mayank1059/stitch-delivery-skill.git .agent/skills/stitch-delivery

📋 The 5 Stages

Stage	Purpose	Time	Output
0 - Setup	Install prerequisites	15-30m	Ready environment
1 - Discovery	Interview, sitemap, content plan	1-2h	PROJECT.md
2 - Design	Stitch layouts, design system	2-4h	DESIGN.md, HTML exports
3 - Development	Astro + WordPress code	4-8h	Working site
4 - Deploy	Production, handoff	1-2h	Live site, HANDOFF.md

Total: 9-16 hours per project

📁 Repository Structure

stitch-delivery/
├── SKILL.md                          # Master orchestrator
├── README.md                         # This file
│
├── stage-0-setup/                    # Prerequisites
│   ├── SKILL.md
│   ├── scripts/
│   │   └── verify-environment.sh
│   └── resources/
│       └── checklist.md
│
├── stage-1-discovery/                # Planning
│   ├── SKILL.md
│   ├── resources/
│   │   └── interview-questions.md
│   └── examples/
│       └── PROJECT-template.md
│
├── stage-2-design/                   # Stitch generation
│   ├── SKILL.md
│   └── examples/
│       ├── DESIGN-template.md
│       └── prompt-examples.md
│
├── stage-3-development/              # Astro + WordPress
│   ├── SKILL.md
│   └── examples/
│       ├── wordpress.ts
│       └── MainLayout.astro
│
└── stage-4-deploy/                   # Deployment
    ├── SKILL.md
    └── examples/
        └── HANDOFF-template.md

🔧 Prerequisites

• Node.js 18+
• Git
• Stitch MCP access (setup guide)
• GitHub CLI (optional)
• Cloudflare account (for deployment)

📖 Usage

Start a New Project

# 1. Verify environment
bash .agent/skills/stitch-delivery/stage-0-setup/scripts/verify-environment.sh

# 2. Create project folder
mkdir my-client && cd my-client

# 3. Begin discovery (AI will interview you)
# Mention: "Start Stage 1 discovery for a new website"

Stage-by-Stage

Each stage has its own SKILL.md with detailed instructions:

1. Stage 0: Run verify-environment.sh to check prerequisites
2. Stage 1: Answer interview questions → get PROJECT.md
3. Stage 2: Generate Stitch layouts → export HTML + DESIGN.md
4. Stage 3: Convert to Astro → integrate WordPress
5. Stage 4: Deploy to Cloudflare → deliver HANDOFF.md

📄 License

MIT - Use freely.

🔗 Related

• Stitch - AI UI generation
• Astro - Static site framework
• google-labs-code/stitch-skills - Official Stitch skills

---

Built with 🔒 for fast, secure website delivery.