stitch-a11y
Audits Stitch-generated components for WCAG 2.1 AA accessibility issues and applies fixes — semantic HTML, ARIA attributes,…
Permanently deletes a Stitch project and all its screens. Destructive — requires explicit user confirmation before calling.
Claude Code
$ npx -y skills add gabelul/stitch-kit --skill stitch-mcp-delete-project --agent claude-code
Codex
$ npx skills add gabelul/stitch-kit --skill stitch-mcp-delete-project -a codex -y
Cursor
$ npx skills add gabelul/stitch-kit --skill stitch-mcp-delete-project -a cursor -y
Gemini CLI
$ npx skills add gabelul/stitch-kit --skill stitch-mcp-delete-project -a gemini-cli -y
GitHub Copilot
$ npx skills add gabelul/stitch-kit --skill stitch-mcp-delete-project -a github-copilot -y
OpenCode
$ npx skills add gabelul/stitch-kit --skill stitch-mcp-delete-project -a opencode -y
Windsurf
$ npx skills add gabelul/stitch-kit --skill stitch-mcp-delete-project -a windsurf -y
name: stitch-mcp-delete-project description: Permanently deletes a Stitch project and all its screens. Destructive — requires explicit user confirmation before calling. allowed-tools: - "stitch*:*"
Permanently deletes a Stitch project and all its screens, designs, and history. This action is irreversible.
**Only use this skill when the user explicitly mentions "Stitch".**
**This is a destructive action.** You MUST ask the user to confirm before calling `delete_project`. Never auto-delete.
Show the user what they're about to delete:
1. Call `stitch-mcp-get-project` with `projects/[ID]` to get the project title and screen count 2. Present: "You're about to permanently delete **[title]** ([N] screens). This cannot be undone. Proceed?" 3. Only continue if the user explicitly confirms
{
"name": "delete_project",
"arguments": {
"name": "projects/3780309359108792857"
}
}✅ "projects/3780309359108792857" ❌ "3780309359108792857"
This follows the same format as `get_project` — both use `projects/ID`.
Your coding agent writes decent code and designs terrible UI. stitch-kit fixes the second half — it wires agents into Google Stitch (text prompts → genuinely beautiful screens) and teaches them to drive it properly.
Audits Stitch-generated components for WCAG 2.1 AA accessibility issues and applies fixes — semantic HTML, ARIA attributes,…
Adds a purposeful animation layer to Stitch-generated components — CSS transitions, Framer Motion (React/Next.js), or Svelte…
Analyzes a Stitch project's screens and synthesizes a natural-language DESIGN.md — visual atmosphere, color palette with hex…
Extracts a Stitch design and generates production code artifacts — CSS custom properties with dark mode tokens, a Tailwind v4…
Converts a Stitch screen, a local HTML file, or a URL into clean, platform-agnostic HTML5 + CSS — semantic markup, CSS custom…
Conversational design ideation agent that researches trends, explores visual directions, and refines ideas through adaptive…
You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…
Ask which skill or flow fits your situation. A router over the skills in this repo.