stitch-skills

Move from Stitch design to structured interfaces

stitch-skills provides workflows to generate screens, extract design systems, and convert Google Stitch designs into React or React Native components.

Set up MCP integration

Connect the skill to your agent environment with the steps below.

1. 1

   Go to Dashboard -> MCP Key, name your key, create it, and copy it immediately. The key is shown only once.

   Go to Dashboard -> MCP Key, name your key, create it, and copy it immediately. The key is shown only once.

2. 2

   Add the MCP configuration below to Claude Code, Cursor, Antigravity, or your IDE. Replace YOUR_MCP_KEY with the key from step 1.

   Add the MCP configuration below to Claude Code, Cursor, Antigravity, or your IDE. Replace YOUR_MCP_KEY with the key from step 1.

3. 3

   Restart the IDE or reload MCP servers. Then ask your agent to use the skill with the prompt below.

   Restart the IDE or reload MCP servers. Then ask your agent to use the skill with the prompt below.

{
  "mcpServers": {
    "nskill": {
      "serverUrl": "https://[your-project].supabase.co/functions/v1/mcp",
      "headers": {
        "Authorization": "Bearer YOUR_MCP_KEY"
      }
    }
  }
}