{
  "markdown": "<p align=\"center\"><img src=\"logo.png\" width=\"120\" alt=\"logo\" /></p>\n\n# stitch-landing-skill\n\nA Claude Code / Hermes skill that turns any project README into a deployed GitHub Pages landing page in one session, using **Stitch MCP** for the design pass and **Tailwind CDN** for production.\n\n## What it does\n\n```text\nProject README + screenshots\n        │\n        ▼\n┌─────────────────────────────────────────────────────────────┐\n│  Phase 1  read repo (README, screenshots, license)         │\n│  Phase 2  Stitch MCP: create_project + generate_screen     │\n│  Phase 3  download + inspect HTML, extract design tokens   │\n│  Phase 4  author production docs/index.html (Tailwind CDN) │\n│  Phase 5  add docs/.nojekyll                                │\n│  Phase 6  gh api: enable Pages on main /docs               │\n│  Phase 7  commit + push (with PR fallback)                 │\n│  Phase 8  verify: gh pages build, curl live URL            │\n└─────────────────────────────────────────────────────────────┘\n        │\n        ▼\n   https://<owner>.github.io/<repo>/ — live in ~60s\n```\n\n## Reference deliverable\n\nThe skill was extracted from the work that shipped [`cskwork/oh-my-symphony`'s landing page](https://cskwork.github.io/oh-my-symphony/). The full output is checked in at `examples/oh-my-symphony/index.html` so you can see what \"production-ready\" looks like before you start.\n\n## Install\n\n### Claude Code (user-level)\n\n```bash\ngit clone https://github.com/cskwork/stitch-landing-skill ~/.claude/skills/stitch-landing\n```\n\nRestart Claude Code; trigger by saying \"make a landing page for this repo and deploy on GitHub Pages\".\n\n### Hermes (category-based layout)\n\n```bash\ngit clone https://github.com/cskwork/stitch-landing-skill ~/.hermes/skills/productivity/stitch-landing\n```\n\n### Codex CLI\n\nThe same `SKILL.md` format works for Codex skills. Symlink or `cp -R` into your Codex skills directory.\n\n## Prerequisites\n\n- **Stitch MCP** — install the `stitch.withgoogle.com` MCP server and authenticate. Without it the design phase fails.\n- **gh CLI** — `gh auth login` for the target repo's owner.\n- **git push access** to the target repo's default branch (or willingness to use a feature branch + PR).\n\n## How it works\n\n`SKILL.md` is the skill body — it documents the 8-phase flow with exact tool calls, defaults, and common pitfalls.\n\n`scripts/` contains optional bash helpers for verification (Pages build polling, live-URL curl). The main flow runs in Claude Code's tool calls, not shell.\n\n`examples/oh-my-symphony/index.html` is the actual landing page produced for the oh-my-symphony repo — useful as a structural reference.\n\n`references/design-prompt-template.md` is the long-form Stitch prompt template the skill uses for developer-tool landing pages.\n\n## Tested with\n\n- Claude Code (Opus 4.7)\n- Stitch MCP (`mcp__stitch__*`) — model IDs `GEMINI_3_FLASH` and `GEMINI_3_1_PRO`\n- GitHub Pages (legacy build, `main` branch `/docs` folder)\n\n## License\n\nMIT — see `LICENSE`.\n\n## Credits\n\n- Stitch by Google — design generation\n- The flow was first sketched in a Claude Code session shipping the [oh-my-symphony](https://github.com/cskwork/oh-my-symphony) landing page on 2026-05-23.\n",
  "bytes": 3181,
  "sha": "1ffc0aedc1876056db320a0afd97cb9cec7b53219eaa4b5a1466cb5548a1f5e6",
  "repo_slug": "cskwork/stitch-landing-skill",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/plg_cskwork_stitch_landing_skill_f72768c4/readme"
}