Design MD
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays
Run this in your project folder. It works with Claude Code, Cursor, Codex and dozens of other agents.
$ npx skills add google-labs-code/stitch-skills --skill remotionNeeds Node.js. Add -g to install for every project, or -a claude-code to skip the agent picker.
Once it's installed, Claude reads this skill on its own whenever a request matches what it's for, so you don't have to mention it by name. In Claude Code you can also run it directly by typing /remotion.
It includes scripts that Claude may run on your computer, so skim them on GitHub before you install.
Section headings from the skill's SKILL.md file.
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better…
Convert Stitch designs into production React + Vite dashboards with TanStack Query, accessible tokens from DESIGN.md, and Web3-ready patterns (ethers/viem).
Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.
Read first to make, edit, animate or render any video with HyperFrames (HTML rendered to video), including launch films, explainers, music videos, charts, maps, vertical clips…
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for…
Generate AI videos from text prompts using multiple provider gateways. Use when: (1) Generating videos from text descriptions, (2) Creating AI-generated video clips for content…