Skip to content

Latest commit

 

History

History
72 lines (52 loc) · 2.24 KB

README.md

File metadata and controls

72 lines (52 loc) · 2.24 KB

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

📄 License

MIT License - Use freely in your projects.

Made with 🔒 for secure website delivery.