Stitch Design Skills, Behind an MCP Gate

Added 2026-08-06

Three plugins bundle fifteen skills covering code-to-design, static HTML extraction, a five-page site from one sentence, and walkthrough video. The hard prerequisite is a registered Stitch MCP server.

Design & VideoEngineering

View on GitHub ↗

Stitch Design Skills, Behind an MCP Gate preview

Each skill keeps the same four parts: SKILL.md as the brief, scripts for validators, resources for checklists and style guides, examples holding golden samples. Among the capabilities, code-to-design extracts a frontend into a design system and uploads it; extract-static-html turns a running app into a self-contained file with CSS and images inlined. Two things the author states plainly: this is not an officially supported Google product, and skills often depend on each other, so a selective install must bring the dependencies.

Related skills

Taste Skill: The Anti-Slop Layer for AI-Built UIPortable agent skills aimed at the sameness of AI-generated interfaces — stronger layout, typography, motion and spacing. A separate set generates reference imagery only, no code.Design & Video · Engineering72.6K stars Remotion's Own Twelve Video SkillsOne each for creating a project, writing markup, driving the Studio and rendering, plus maps, captions, interactivity, multimedia and upgrades — with an umbrella best-practices skill when you cannot tell which fits.Design & Video · Engineering4.2K stars Anthony Fu's Nineteen Frontend SkillsThree tiers: two hand-written, nine generated from official documentation, eight vendored in from upstream repos. The mechanism is git submodules pointing at upstream doc sources, so they track upstream.Engineering · Design & Video5.7K stars Emil's Nine Design-Engineering SkillsDesign-engineering experience from Vercel and Linear, split into nine skills: build, review and improve motion, then sharpen vocabulary, Apple-inspired principles, library choice and multi-option prototyping.Design & Video · Engineering27.4K stars