الانتقال إلى المحتوى

دع وكيلك الذكي يصمم تطبيقك

يستطيع Claude Code وCursor وCodex وأي وكيل برمجة آخر تصميم تطبيقات الجوال في Sleek. انسخ موجهاً واحداً أدناه؛ وكيلك يُهيّئ نفسه ويتولى الباقي.

Set up Sleek (sleek.design) so you can design mobile apps for me. Fetch https://sleek.design/agents.md and follow the instructions there.

يعمل مع أي وكيل برمجة
الشاشة الرئيسية لتطبيق وصفات تعرض وصفة اليوم
شاشة الاكتشاف في تطبيق موسيقى
تطبيق ساعة منبّهة بطابع الغابة

وكيلك يُهيّئ نفسه. الصق، وافق، شاهد.

  1. الصق الموجه

    الصقه في Claude Code أو Cursor أو Codex أو أي وكيل برمجة يمكنه جلب رابط. يخبره الموجه بمكان تعليمات إعداد Sleek.

  2. وافق على الاتصال

    يثبّت مهارة Sleek الرسمية ويرسل لك رابطاً لربط حسابك: سجّل الدخول، وافق، تم.

    فتح إعداد الوكيل
  3. شاهد وكيلك وهو يصمّم

    يصمم وكيلك الشاشات مباشرة في محرّر Sleek بينما تشاهد، ثم يسلّمك لقطات الشاشة والكود لكل شاشة.

هل تفضّل إعداده بنفسك؟ المهارة وواجهة API والوثائق متاحة للجميع.

ثبّت مهارة Sleek بنفسك. فهي تستدعي واجهة API نفسها التي يستخدمها وكيلك.

npx skills add sleekdotdesign/agent-skills -s sleek-design-mobile-apps

شغّل هذا الأمر في الوحدة الطرفية. ثم افتح Claude Code، وشغّل /mcp، وأكمل مصادقة Sleek باستخدام حسابك.

claude mcp add --transport http sleek https://sleek.design/api/mcp

أضف هذا الخادم إلى ~/.cursor/mcp.json، وادمجه مع أي إدخالات موجودة في mcpServers. ثم أكمل مصادقة Sleek في Cursor عندما يُطلب منك ذلك.

{
  "mcpServers": {
    "sleek": {
      "url": "https://sleek.design/api/mcp"
    }
  }
}

يمكن لـ Claude.ai وChatGPT الاتصال بـ Sleek عبر خادم MCP الخاص به. أضف رابط الخادم كموصّل، وسجّل الدخول باستخدام حسابك في Sleek.

https://sleek.design/api/mcp

يتطلب الاستخدام المستمر خطة Pro أو Team. يمكن للحسابات المجانية تجربته برصيدها التجريبي لمرة واحدة.

التصميم الأول لوكيلك مجاني

تتضمن الحسابات الجديدة رصيداً تجريبياً لمرة واحدة يكفي لأول تصميم لوكيلك. بعد ذلك، تبلغ خطة Pro $69/شهرياً، أو $30/شهرياً بفوترة سنوية، مع 20,000 رصيد ذكاء اصطناعي شهرياً لنحو 650 شاشة. ألغِ في أي وقت.