Stitch → Astro + WordPress Delivery Skill

An Antigravity skill for delivering client websites using Google Stitch for AI-powered design, Astro for static frontend, and WordPress as a headless CMS.

🚀 Quick Start

Install in Your Project

mkdir -p .agent/skills
git clone https://github.com/YOUR_USERNAME/stitch-astro-wp-skill.git .agent/skills/stitch-astro-wp-delivery

Or add as submodule:

git submodule add https://github.com/YOUR_USERNAME/stitch-astro-wp-skill.git .agent/skills/stitch-astro-wp-delivery

Global Install

mkdir -p ~/shared-skills
git clone https://github.com/YOUR_USERNAME/stitch-astro-wp-skill.git ~/shared-skills/stitch-astro-wp-delivery

# Then symlink to any project:
ln -s ~/shared-skills/stitch-astro-wp-delivery .agent/skills/stitch-astro-wp-delivery

📋 What This Skill Does

Guides your AI assistant through the complete workflow:

Phase	Time	Description
1. Design	2-4 hrs	Generate UI mockups with Stitch MCP
2. WordPress	2-3 hrs	Set up headless CMS
3. Astro	1 hr	Initialize frontend project
4. Convert	4-8 hrs	Transform Stitch HTML to Astro components
5. Test	1-2 hrs	Verify all functionality
6. Deploy	30 min	Push to Cloudflare Pages
7. Handoff	1 hr	Client training & docs

Total: 12-20 hours per project

🛠 Tech Stack

• Design: Google Stitch (AI UI generation)
• Frontend: Astro (static site generator)
• Styling: Tailwind CSS (Stitch-native)
• CMS: WordPress (headless, REST API)
• SEO: RankMath
• Hosting: Cloudflare Pages (frontend) + Cloudways/Kinsta (WordPress)

📁 Skill Structure

stitch-astro-wp-delivery/
├── SKILL.md          # Main skill instructions
└── README.md         # This file

🔗 Related Tools

• Stitch MCP - AI design generation
• Astro - Static site framework
• WordPress REST API

📄 License

MIT License - Use freely in your projects.

---

Made with 🔒 for secure website delivery.