Doop: بوم طراحی متن‌باز برای آدم‌ها و ایجنت‌ها
هوش مصنوعی
فرانتاندخلاصهٔ کامل‌تر
Doop یه پروژه متن‌بازه که خودش رو جایگزین Paper.design معرفی می‌کنه: یه بوم طراحی چندنفره که آدم‌ها و ایجنت‌های هوش مصنوعی کنار هم روش کار می‌کنن. هر طرح روی یه Canvas قرار می‌گیره و توش Frameهایی هست که HTML واقعی رو توی iframeهای ایزوله نشون می‌دن. آدم‌ها توی مرورگر ویرایش می‌کنن و ایجنت‌ها از طریق MCP server داخلی (یعنی پروتکلی که ایجنت‌ها باهاش به ابزارهای بیرونی وصل می‌شن). همه‌چیز زنده دیده میشه، از نشانگر موس بقیه تا وضعیت ایجنت.
به گفته README پروژه، Doop به یه فروشنده مدل خاص وابسته نیست. Claude Code، Codex، ChatGPT، Cursor، OpenCode یا هر کلاینت MCP دیگه‌ای می‌تونه وصل بشه و با دسترسی همون آدمی که وصلش کرده کار کنه. مثلاً برای Claude Code فقط یه دستور لازمه و بعدش یه پنجره OAuth باز میشه:
claude mcp add --transport http doop http://localhost:4300/mcp
اگه ایجنت خودت رو نداری، Doop Agent داخلی هست که با کارت یا @mention توی کامنت کار رو برمی‌داره و خودش طراحی می‌کنه. این ایجنت با حسابی که هر کاربر وصل می‌کنه اجرا میشه: اشتراک ChatGPT، یا کلید API از OpenAI، Claude، Gemini یا OpenRouter. سرور هم می‌تونه با ANTHROPIC_API_KEY چندتا کار رایگان بده، ولی مقدار پیش‌فرض RESIDENT_TASK_LIMIT صفره. خود README هشدار می‌ده که استفاده از اشتراک ChatGPT از یه سرور شخص ثالث با قوانین OpenAI جور نیست و ممکنه حساب محدود بشه.
بخش ویرایشگر هم کامله: قاب، شکل، مسیر Bézier، متن، ویرایش fill و flex layout، خط‌کش و راهنما، و زوم از ۸ تا ۱۶۰۰ درصد. میشه فریم‌ها رو توی صفحه‌های جدا مرتب کرد، کامنت گذاشت، خروجی PNG و PDF گرفت و فریم رو برای توسعه تأیید کرد. اگه بعد از تأیید HTML عوض بشه، وضعیتش خودکار می‌ره روی Needs review.
پروتوتایپ‌های کلیک‌خور هم با attributeهای ساده توی خود HTML ساخته می‌شن، یعنی ایجنت‌ها با همون ابزار طراحی می‌تونن جریان صفحه‌ها رو هم بسازن:
<button data-doop-on="click" data-doop-action="navigate:<frameId>" data-doop-transition="push-left">Book stay</button>برای نصب، bun run dev بدون هیچ تنظیمی بالا میاد و داده‌ها رو توی یه Postgres داخلی (PGlite) نگه می‌داره. نسخه production هم با docker compose up اجرا میشه. وارد کردن و خروجی گرفتن به Figma، Canva و PSD فقط توی نسخه ابری Doop هست و جزو بخش متن‌باز نیست.
نکات کلیدی:
- Doop متن‌بازه و هر فریمش HTML واقعی توی iframe ایزوله‌ست
- هر کلاینت MCP مثل Claude Code، Codex و Cursor با OAuth وصل میشه و با دسترسی همون کاربر کار می‌کنه
- Doop Agent داخلی روی GPT، Claude، Gemini و مدل‌های OpenRouter مثل DeepSeek و Kimi اجرا میشه
- مقدار پیش‌فرض RESIDENT_TASK_LIMIT صفره، پس بدون وصل کردن حساب مدل، ایجنت داخلی کار نمی‌کنه
- اتصال Figma، Canva و PSD فقط توی نسخه ابری هست، نه نسخه متن‌باز
