stitch-a11y
Audits Stitch-generated components for WCAG 2.1 AA accessibility issues and applies fixes — semantic HTML, ARIA attributes, keyboard navigation, focus…
Permanently deletes a Stitch project and all its screens. Destructive — requires explicit user confirmation before calling.
$ npx -y skills add gabelul/stitch-kit --skill stitch-mcp-delete-project --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/stitch-mcp-delete-projectContext preview
The summary Claude sees to decide when to auto-load this skill.
Permanently deletes a Stitch project and all its screens. Destructive — requires explicit user confirmation before calling.
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.
Repo: gabelul/stitch-kit
Audits Stitch-generated components for WCAG 2.1 AA accessibility issues and applies fixes — semantic HTML, ARIA attributes, keyboard navigation, focus…
Adds a purposeful animation layer to Stitch-generated components — CSS transitions, Framer Motion (React/Next.js), or Svelte transitions. Always respects…
Analyzes a Stitch project's screens and synthesizes a natural-language DESIGN.md — visual atmosphere, color palette with hex values, typography rules, and…
Extracts a Stitch design and generates production code artifacts — CSS custom properties with dark mode tokens, a Tailwind v4 @theme block, and a semantic…
Converts a Stitch screen, a local HTML file, or a URL into clean, platform-agnostic HTML5 + CSS — semantic markup, CSS custom properties for theming, dark mode…
Conversational design ideation agent that researches trends, explores visual directions, and refines ideas through adaptive questioning — then produces a rich…