[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-73524":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":23,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":26,"readmeContent":27,"aiSummary":28,"trendingCount":16,"starSnapshotCount":16,"syncStatus":29,"lastSyncTime":30,"discoverSource":31},73524,"superdesign","superdesigndev\u002Fsuperdesign","superdesigndev","AI Product Design Agent - Open Source","http:\u002F\u002Fsuperdesign.dev\u002Fide-extension",null,"TypeScript",6558,710,45,67,0,19,31,106,57,39.56,"Other",false,"main",[],"2026-06-12 02:03:14","# 🧠 SuperDesign — AI Design Agent for Your IDE\n\n**🆕 New:** [SuperDesign Chrome Extension](https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fobpjaonipoaomjnokbimppohbpjibflm) - Clone any website & UI\n\n---\n\n![SuperDesign Cover](cover.png)\n\n### **By:** [AI Jason](https:\u002F\u002Fx.com\u002Fjasonzhou1993)\n\nSuperDesign is the first **open-source design agent** that lives right inside your IDE.  \nGenerate UI mockups, components, and wireframes directly from natural language prompts.  \nWorks seamlessly with Cursor, Windsurf, Claude Code, and plain VS Code.\n\n> ✨ \"Why design one option when you can explore ten?\" — SuperDesign\n\n\n[Join discord](https:\u002F\u002Fdiscord.gg\u002FFYr49d6cQ9)\n\n[Upvote on Hackernews](https:\u002F\u002Fnews.ycombinator.com\u002Fitem?id=44376003)\n\n[Install guide](https:\u002F\u002Fwww.superdesign.dev\u002Fide-extension)\n\n---\n\n## 🎬 Demo Video (Click to play)\n\n[![SuperDesign Demo](https:\u002F\u002Fimg.youtube.com\u002Fvi\u002FINv6oZDhhUM\u002Fmaxresdefault.jpg)](https:\u002F\u002Fyoutu.be\u002FINv6oZDhhUM)\n\n---\n\n## 🚀 Features\n\n- 🖼️ **Product Mock**: Instantly generate full UI screens from a single prompt\n- 🧩 **UI Components**: Create reusable components you can drop into your code\n- 📝 **Wireframes**: Explore low-fidelity layouts for fast iteration\n- 🔁 **Fork & Iterate**: Duplicate and evolve designs easily\n- 📥 **Prompt-to-IDE**: Copy prompts into your favorite AI IDE (Cursor, Windsurf, Claude Code)\n\n---\n\n## 🧠 Works Great With Cursor, Windsurf, Claude Code, VS Code\n\n👉 [Install here](https:\u002F\u002Fwww.superdesign.dev\u002Fide-extension)\n\n---\n\n## 🛠️ Getting Started\n\n1. **Install the Extension** from the Cursor\u002FVS Code Marketplace\n2. Open the `SuperDesign` sidebar panel\n3. Type a prompt (e.g., _\"Design a modern login screen\"_)\n4. View generated mockups, components, and wireframes\n5. Fork, tweak, and paste into your project\n\n---\n\n## Can I use my own Claude Code or Cursor subscription?\nYes, after you initialise superdesign extension, some cursor\u002Fclaude code rules will be added, so you can prompt the agent to do design and preview in superdesign canva (cmd + shift + p -> superdesign: open canva)\n\nIf using Cursor - I will highly suggest copy the prompt in 'design.mdc' and create a custom mode in cursor with that same system prompt; This should give you much better performance\n\nInstructions here (Click to play): \n[![Instruction video](v0.0.11.png)](https:\u002F\u002Fyoutu.be\u002FKChmJMCDOB0?si=pvU0kNRO4GRWjsec&t=122)\n\n## How to run local OpenAI compatible servers?\n1. Select open ai on Ai Model Provider\n2. Put anything in Openai Api Key input\n3. Add your OpenAi Url on the Openai Url input (example: http:\u002F\u002F127.0.0.1:1234\u002Fv1 for LM Studio)\n\n## 📂 Where Are My Designs Stored?\n\nYour generated designs are saved locally inside `.superdesign\u002F`.\n\n---\n\n## ❓ FAQ\n\n**Is it free and open source?**  \nYes! We are open source — fork it, extend it, remix it.\n\n**Can I customize the design agent?**  \nYes — use your own prompt templates, modify behaviors, or add commands.\n\n**Can SuperDesign update existing UI?**  \nAbsolutely — select a component, describe the change, and let the agent do the rest.\n\n\u003Cimg width=\"886\" height=\"586\" alt=\"image\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F71b7cfcc-6123-40ea-aae5-05ea6cdcea96\" \u002F>\n\n\n**How can I contribute?**  \nPull requests are welcome. Star the repo and join us on [Discord](https:\u002F\u002Fdiscord.gg\u002FFYr49d6cQ9)!\n\n---\n\n## 🔗 Links\n\n- 🌐 Website: [https:\u002F\u002Fsuperdesign.dev\u002Fide-extension](https:\u002F\u002Fsuperdesign.dev\u002Fide-extension)\n- 📦 GitHub: [https:\u002F\u002Fgithub.com\u002Fsuperdesigndev\u002Fsuperdesign](https:\u002F\u002Fgithub.com\u002Fsuperdesigndev\u002Fsuperdesign)\n- 💬 Discord: [Join the Community](https:\u002F\u002Fdiscord.gg\u002FFYr49d6cQ9)\n- 🐦 Twitter \u002F X: [@SuperDesignDev](https:\u002F\u002Fx.com\u002FSuperDesignDev)\n\n","SuperDesign 是一个开源的AI设计助手，集成于IDE中，支持通过自然语言提示生成UI模型、组件和线框图。其核心功能包括即时生成全屏UI界面、创建可复用的UI组件以及快速迭代低精度布局等，并且能够与Cursor、Windsurf、Claude Code及VS Code无缝协作。此外，SuperDesign还提供了一个Chrome扩展，允许用户克隆任何网站及其UI。该项目特别适用于需要快速原型设计或希望在开发过程中直接利用AI辅助进行界面设计的场景。",2,"2026-06-11 03:45:59","high_star"]