{"_id":"@andclans/mcp-google-stitch","name":"@andclans/mcp-google-stitch","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@andclans/mcp-google-stitch","version":"1.0.0","description":"MCP Server for Google Stitch - AI-powered UI design generation","type":"module","main":"dist/index.js","bin":{"mcp-google-stitch":"dist/index.js"},"scripts":{"build":"tsc","dev":"tsc --watch","start":"node dist/index.js","prepare":"npm run build"},"keywords":["mcp","google-stitch","ai","ui-design","model-context-protocol","claude","cursor"],"author":{"name":"Your Name","email":"your.email@example.com"},"license":"MIT","dependencies":{"@modelcontextprotocol/sdk":"^1.0.4","zod":"^3.23.8"},"devDependencies":{"@types/node":"^20.0.0","typescript":"^5.3.0"},"engines":{"node":">=18.0.0"},"types":"./dist/index.d.ts","_id":"@andclans/mcp-google-stitch@1.0.0","_nodeVersion":"24.13.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-BEFGhfBzf3wLhWAgCwvh6et1I6o+wGkZ2YPoEe0Y79zNEkwniGpXF4GeQPJVle/udn7b+ZGTgLJd84WjvBAjAw==","shasum":"fe8778d48cc69bb779479efa2889e15a99bfae4e","tarball":"https://registry.npmjs.org/@andclans/mcp-google-stitch/-/mcp-google-stitch-1.0.0.tgz","fileCount":6,"unpackedSize":23201,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDiO5fxSbvUKE3LfO3fKjqok124PYjhWdqJl+MqGcDuKQIgD2hPRBKSD/Fu8WvUAiZKRm17XdCvWartf3uFytYgki8="}]},"_npmUser":{"name":"andclans","email":"andclans21@gmail.com"},"directories":{},"maintainers":[{"name":"andclans","email":"andclans21@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/mcp-google-stitch_1.0.0_1770543831637_0.6396221946568208"},"_hasShrinkwrap":false}},"time":{"created":"2026-02-08T09:43:51.537Z","1.0.0":"2026-02-08T09:43:51.789Z","modified":"2026-02-08T09:43:52.010Z"},"maintainers":[{"name":"andclans","email":"andclans21@gmail.com"}],"description":"MCP Server for Google Stitch - AI-powered UI design generation","keywords":["mcp","google-stitch","ai","ui-design","model-context-protocol","claude","cursor"],"author":{"name":"Your Name","email":"your.email@example.com"},"license":"MIT","readme":"# MCP Google Stitch Server\r\n\r\nMCP (Model Context Protocol) server untuk Google Stitch - AI-powered UI design generation tool.\r\n\r\n## 📋 Features\r\n\r\n- **create_project** - Membuat project baru di Google Stitch\r\n- **list_projects** - Menampilkan daftar semua project\r\n- **get_project** - Mendapatkan detail project tertentu\r\n- **list_screens** - Menampilkan semua screen dalam project\r\n- **get_screen** - Mendapatkan detail screen tertentu\r\n- **generate_screen_from_text** - Generate UI design dari text prompt menggunakan AI\r\n\r\n## 🚀 Installation\r\n\r\n```bash\r\nnpm install\r\nnpm run build\r\n```\r\n\r\n## ⚙️ Configuration\r\n\r\n### Environment Variables\r\n\r\nPilih salah satu metode autentikasi:\r\n\r\n#### Option 1: API Key (Recommended)\r\n```bash\r\nexport STITCH_API_KEY=\"your-api-key-here\"\r\n```\r\n\r\nDapatkan API Key dari: https://stitch.withgoogle.com/settings\r\n\r\n#### Option 2: OAuth (Untuk Zero-Trust environments)\r\n```bash\r\nexport STITCH_ACCESS_TOKEN=\"your-access-token\"\r\nexport GOOGLE_CLOUD_PROJECT=\"your-project-id\"\r\n```\r\n\r\nGenerate access token:\r\n```bash\r\ngcloud auth application-default print-access-token\r\n```\r\n\r\n## 🔧 MCP Client Configuration\r\n\r\n### Cursor\r\n\r\nBuat file `.cursor/mcp.json`:\r\n\r\n```json\r\n{\r\n  \"mcpServers\": {\r\n    \"google-stitch\": {\r\n      \"command\": \"node\",\r\n      \"args\": [\"/path/to/mcp-google-stitch/dist/index.js\"],\r\n      \"env\": {\r\n        \"STITCH_API_KEY\": \"your-api-key\"\r\n      }\r\n    }\r\n  }\r\n}\r\n```\r\n\r\n### VSCode\r\n\r\nOpen Command Palette (Cmd+Shift+P) → \"MCP: Add Server\" → Select \"Command\" → Enter:\r\n\r\n```\r\nnode /path/to/mcp-google-stitch/dist/index.js\r\n```\r\n\r\nSet environment variables di settings:\r\n\r\n```json\r\n{\r\n  \"mcp.servers\": {\r\n    \"google-stitch\": {\r\n      \"command\": \"node\",\r\n      \"args\": [\"/path/to/mcp-google-stitch/dist/index.js\"],\r\n      \"env\": {\r\n        \"STITCH_API_KEY\": \"your-api-key\"\r\n      }\r\n    }\r\n  }\r\n}\r\n```\r\n\r\n### Claude Code\r\n\r\n```bash\r\nclaude mcp add google-stitch \\\r\n  --command \"node /path/to/mcp-google-stitch/dist/index.js\" \\\r\n  -s user\r\n```\r\n\r\n### Claude Desktop\r\n\r\nEdit `claude_desktop_config.json`:\r\n\r\n```json\r\n{\r\n  \"mcpServers\": {\r\n    \"google-stitch\": {\r\n      \"command\": \"node\",\r\n      \"args\": [\"/path/to/mcp-google-stitch/dist/index.js\"],\r\n      \"env\": {\r\n        \"STITCH_API_KEY\": \"your-api-key\"\r\n      }\r\n    }\r\n  }\r\n}\r\n```\r\n\r\n## 📝 Usage Examples\r\n\r\n### Create Project\r\n```\r\nCreate a new Stitch project called \"My Mobile App\"\r\n```\r\n\r\n### List Projects\r\n```\r\nShow all my Stitch projects\r\n```\r\n\r\n### Generate Design\r\n```\r\nGenerate a login screen for project \"proj_123\" with prompt: \"Modern login screen with email and password fields, blue gradient background\"\r\n```\r\n\r\n### List Screens\r\n```\r\nList all screens in project \"proj_123\"\r\n```\r\n\r\n## 🔗 Links\r\n\r\n- [Google Stitch](https://stitch.withgoogle.com)\r\n- [Stitch Documentation](https://stitch.withgoogle.com/docs)\r\n- [MCP Documentation](https://modelcontextprotocol.io)\r\n\r\n## 📄 License\r\n\r\nMIT\r\n","readmeFilename":"README.md","_rev":"1-86773910bb4555dbeff6487cf2dec148"}