mk:stitch

77 / 100 · Review before installing

Check before installing.

By ngocsangyem/MeowKit (GitHub) · design · 16 stars · scanned at commit fbe7678

Generates a novel UI design from a text prompt via Stitch AI, exporting Tailwind and HTML. NOT for mk:figma.

Works with any agent that supports SKILL.md skills.

What this skill can do

Runs commands on your computer

The author does not mention this.

Found in 7 places.

.claude/skills/stitch/SKILL.md, line 62cd ${CLAUDE_SKILL_DIR}/scripts && npm install
.claude/skills/stitch/SKILL.md, line 74[ -z "$STITCH_API_KEY" ] && { echo "[X] STITCH_API_KEY not set — add it to the project env file"; exit 1; }
.claude/skills/stitch/SKILL.md, line 87npx tsx ${CLAUDE_SKILL_DIR}/scripts/stitch-quota.ts check

Show 4 more

.claude/skills/stitch/scripts/stitch-api-call.ts, line 25import { execSync } from "child_process";
.claude/skills/stitch/scripts/stitch-api-call.ts, line 86const remote = execSync("git remote get-url origin", {
.claude/skills/stitch/scripts/stitch-write-output.ts, line 18import { execSync } from "child_process";
.claude/skills/stitch/scripts/stitch-write-output.ts, line 119const remote = execSync("git remote get-url origin", {

Downloads and installs other software

The author does not mention this.

Found in 26 places.

.claude/skills/stitch/SKILL.md, line 77npx tsx --version 2>/dev/null || { echo "[X] tsx not found — run: cd ${CLAUDE_SKILL_DIR}/scripts && npm install"; exit 1; }
.claude/skills/stitch/SKILL.md, line 87npx tsx ${CLAUDE_SKILL_DIR}/scripts/stitch-quota.ts check
.claude/skills/stitch/SKILL.md, line 90npx tsx ${CLAUDE_SKILL_DIR}/scripts/stitch-api-call.ts \

Show 17 more

.claude/skills/stitch/SKILL.md, line 94npx tsx ${CLAUDE_SKILL_DIR}/scripts/stitch-api-call.ts export <screen-id> | \
.claude/skills/stitch/SKILL.md, line 95npx tsx ${CLAUDE_SKILL_DIR}/scripts/stitch-write-output.ts
.claude/skills/stitch/SKILL.md, line 102| Check quota | `npx tsx ${CLAUDE_SKILL_DIR}/scripts/stitch-quota.ts check` |
.claude/skills/stitch/SKILL.md, line 103| Generate | `npx tsx ${CLAUDE_SKILL_DIR}/scripts/stitch-api-call.ts generate "<prompt>"` — returns `screenId`, `projectId`, `imageUrl`, and quota data |
.claude/skills/stitch/SKILL.md, line 104| Export | `npx tsx ${CLAUDE_SKILL_DIR}/scripts/stitch-api-call.ts export <screen-id> \| npx tsx ${CLAUDE_SKILL_DIR}/scripts/stitch-write-output.ts` |
.claude/skills/stitch/references/design-to-code-pipeline.md, line 32npx tsx scripts/stitch-api-call.ts \
.claude/skills/stitch/references/design-to-code-pipeline.md, line 36npx tsx scripts/stitch-api-call.ts export <screen-id> --format all | \
.claude/skills/stitch/references/design-to-code-pipeline.md, line 37npx tsx scripts/stitch-write-output.ts
.claude/skills/stitch/references/design-to-code-pipeline.md, line 62npx tsx scripts/stitch-api-call.ts \
.claude/skills/stitch/references/design-to-code-pipeline.md, line 66npx tsx scripts/stitch-api-call.ts export <variant-2-screen-id> --format all | \
.claude/skills/stitch/references/design-to-code-pipeline.md, line 67npx tsx scripts/stitch-write-output.ts
.claude/skills/stitch/references/design-to-code-pipeline.md, line 136npx tsx scripts/stitch-quota.ts check
.claude/skills/stitch/references/design-to-code-pipeline.md, line 142npx tsx scripts/stitch-api-call.ts generate "<prompt>"
.claude/skills/stitch/references/quota-management.md, line 631. Run `npx tsx scripts/stitch-quota.ts reset`
.claude/skills/stitch/references/stitch-mcp-setup.md, line 4The `mk:stitch` skill works without MCP (via the `npx tsx` scripts). MCP is opt-in.
.claude/skills/stitch/references/stitch-mcp-setup.md, line 25"command": "npx",
.claude/skills/stitch/references/stitch-mcp-setup.md, line 64"command": "npx",

and 6 more places

Connects to the internet

This is disclosed by the author in the skill's SKILL.md or README.

Found in 1 place.

.claude/skills/stitch/scripts/stitch-write-output.ts, line 135const response = await fetch(url);

Safer alternatives

Low-risk skills in the same category (design) that look related. Check that one does what you need.

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'mk-stitch' ] || [ -L ~/.agents/skills/'mk-stitch' ]; then echo 'A skill folder named mk-stitch already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/ngocsangyem/MeowKit' "$d" && git -C "$d" checkout --quiet 'fbe7678743da08fc3293c1e1060d73bdb493f4e1' -- '.claude/skills/stitch' && mkdir -p ~/.agents/skills && cp -R "$d"/'.claude/skills/stitch' ~/.agents/skills/'mk-stitch' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'mk-stitch' ~/.claude/skills/'mk-stitch' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for ngocsangyem/MeowKit shows the score of its lowest-scoring skill.

SkillTrust badge for ngocsangyem/MeowKit

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/ngocsangyem/MeowKit.svg)](https://zalavijaysinh.github.io/skilltrust/repos/ngocsangyem/MeowKit/)

Score history

Date	Version	Score
2026-11-12	`fbe7678`	77
2026-11-08	`0b55691`	77