Integration

stitch-bridge

by tinh2

Bidirectional sync between your codebase and Google Stitch. Pushes current design state (tokens, components, screenshots) to Stitch and pulls generated designs back into a platform-agnostic staging directory. Use when: 'sync to stitch', 'push to stitch', 'pull from stitch', 'stitch sync', 'connect stitch', 'stitch bridge'.

v1.0.11 install

Unsigned, install at your own risk

Unverified

This skill has no cryptographic signature attached. We can't verify the contents match what the publisher intended.

Install this skill

Run this command in your terminal. No account required — it auto-detects your AI tool and installs the skill file.

npx @skills-hub-ai/cli install stitch-bridge
Or download directly:
Browse all CLI commands →

Setup by platform

Claude Code

~/.claude/skills/<skill>/SKILL.md

Setup guide →

Install

One-click setup for your editor

Run in your project root

npx @skills-hub-ai/cli install stitch-bridge --target claude-code
0

Instructions

This skill doesn’t include stateful context yet, instructions only. Learn about stateful skills.

Security

Loading security scan...

Reviews (0)

View full changelog & diffs →

Related skills

Browse all →
stitch-pipelineFull design improvement pipeline — syncs your app to Google Stitch, generates alternatives, presents side-by-side comparison, and adopts cherry-picked improvements. Triggers: 'stitch pipeline', 'improve my design with stitch', 'make my app look better', 'stitch redesign everything'.2 installsstitch-compareSide-by-side comparison of your current design against Stitch variations. Cherry-pick improvements at section-level and token-level, then delegates code changes to existing design skills. Use when: 'stitch compare', 'compare stitch designs', 'pick stitch design', 'adopt stitch changes', 'stitch diff', 'review stitch variations'.1 installsstitch-exploreGenerate design alternatives in Google Stitch with constraints. Tell Stitch what to improve about your UI and get back multiple variations — vibe-based, targeted, or constraint-locked. Use when: 'stitch explore', 'stitch redesign', 'stitch alternatives', 'improve design with stitch', 'stitch variations', 'make it look better with stitch'.1 installssync-obsidian-to-lexiangObsidian vault 到腾讯乐享知识库的单向同步工具。支持全量同步和增量同步两种模式， 能够将 Obsidian 中的目录结构和 Markdown 文档（含图片/附件）同步到乐享知识库。 当用户提到「同步 Obsidian 到乐享」「把笔记同步到知识库」「Obsidian 乐享同步」 「obsidian sync lexiang」等意图时触发此 skill。0 installs

More Integration skills

Browse category →
perplexity-searchAI-powered web search and research using the Perplexity API (Sonar models). Performs deep web research with citations, fact-checking, competitive analysis, market research, and technical documentation lookup. Supports streaming responses, search domain filtering, and recency filtering.15 installsgoogle-drive-mcpGuide users through connecting Claude Code to Google Drive via an MCP server. Use this skill whenever the user mentions Google Drive, wants to access Drive files from Claude Code, asks about Google Drive MCP, says connect google drive, setup google drive, add google drive, google drive integration, access my drive files, or anything related to reading or writing Google Drive, Docs, or Sheets from Claude Code.3 installsauth-providerSet up complete OAuth/SSO authentication with Google, GitHub, Apple, or SAML providers. Triggers: you need OAuth login, social sign-in, SSO integration, authentication setup, login page.3 installsantigravity-sdkScaffold, configure, and deploy custom AI agents with the Google Antigravity 2.0 SDK and agy CLI. Handles auth, AGENTS.md setup, skill installation, MCP server connections, parallel subagent workflows, and Managed Agents API calls. Use when the user wants to build or extend agents on the Antigravity 2.0 platform launched at Google I/O 2026.2 installscopilot-model-routingIntelligent task-to-model routing for GitHub Copilot's multi-lab model picker (2026).2 installsanalytics-trackingSet up production-ready event tracking with Amplitude, Mixpanel, PostHog, or GA4. Triggers: you need analytics, event tracking, user tracking, product analytics, usage metrics.1 installs

Frequently asked questions about stitch-bridge

What does the stitch-bridge skill do?

Bidirectional sync between your codebase and Google Stitch. Pushes current design state (tokens, components, screenshots) to Stitch and pulls generated designs back into a platform-agnostic staging directory. Use when: 'sync to stitch', 'push to stitch', 'pull from stitch', 'stitch sync', 'connect stitch', 'stitch bridge'. It's a reusable SKILL.md instruction set that loads into your AI coding assistant on demand, no prompt engineering, no copy-pasting every session.

How do I install the stitch-bridge skill?

Run `npx @skills-hub-ai/cli install stitch-bridge` from your terminal. The CLI writes the SKILL.md to the correct location for your AI tool (e.g. ~/.claude/skills/stitch-bridge/ for Claude Code or ~/.cursor/skills/ for Cursor with --target cursor) and adds it to your project's .skills.json lockfile.

Which AI tools does stitch-bridge work with?

stitch-bridge runs in Claude Code. It follows the open Agent Skills standard (SKILL.md), so the same skill works in every supported tool without modification.

Is the stitch-bridge skill free?

Yes. Every skill on skills-hub.ai is free and open-source. There are no premium tiers, paywalls, or usage limits. You only pay for whatever AI assistant you're already using.

How do I use stitch-bridge after installing it?

In Claude Code, type `/stitch-bridge` (or whatever slash command the skill registers) and the AI follows the skill's instructions immediately. You can also reference it by name in natural language, your AI loads the skill into context when relevant.

Can I share the stitch-bridge skill with my team?

Yes. Commit your project's .skills.json lockfile and teammates run `npx @skills-hub-ai/cli install` (no args) to install every skill at the exact version you pinned. Organization-scoped installs work via skills-hub.ai organizations.