Back to Blog العودة للمدونة
Ship in 3 Hours with Cursor: From Idea to Working Demo
Event Recap ملخص فعالية Workshop ورشة عمل

أنجز في 3 ساعات مع كيرسر: من الفكرة إلى عرض تجريبي يعمل Ship in 3 Hours with Cursor: From Idea to Working Demo

by بواسطة Mazen Alotaibi الرياض Riyadh
workshop

Overview

A 3-hour interactive workshop where participants built and deployed real software using Cursor. The event featured a guest presentation on the latest Cursor features, practical workflow tips, and a hands-on building session where attendees shipped working prototypes.

Format

  • Type: In-person workshop (with online attendance)
  • Venue: Leqaa Hall, Sard Cultural Center, Riyadh
  • Co-organizer: DAL | دال
  • Duration: 11:00 PM – 2:00 AM (3 hours)
  • Speakers: 3 (Mazen Alotaibi, Nick Miller, Abdullah Moasibah)
  • Structure: Introduction → Guest speaker (Nick Miller) → Tricks & Tips → Build Time (1 hour)
  • Audience: 70 in-person + 10 online (out of 110 accepted, 320+ registrations)

Highlights

  • Nick Miller presented the latest Cursor features (Skills, Hooks, Marketplace, Automation) with clear examples and actionable tips
  • Practical session on faster workflows, better prompting habits, and moving from idea to product quickly
  • Attendees built and deployed real prototypes during the hands-on segment

Topics Covered

Guest Speaker: Nick Miller (Engineer at Cursor)

  • Latest Cursor features: Skills, Hooks, Marketplace, and Automation
  • Practical Q&A on real-world usage and AI in production

Tricks & Tips: Do’s and Don’ts

  • Vibe Code vs Vibe Engineer (Research → Plan → Build → Review)
  • Review everything — treat AI as a junior dev
  • Use the right model for the job (planning vs execution vs scaffolding)
  • Don’t start from scratch — use Lovable, v0, or templates first
  • Use @docs for up-to-date library documentation
  • Use Cursor Rules (User Rules + Project Rules) for persistent context
  • Use MCPs, Skills & Extensions (Perplexity, Context7, TaskMaster, Mobile)
  • Keep conversations focused — one task per chat
  • Plan mode first, Agent mode second
  • Write specific, context-rich prompts with @file, @folder, @codebase
  • Checkpoint often — git commits + Cursor checkpoints
  • Parallelize with Background Agents

AI Tool Pipeline

  • Research (ChatGPT/Perplexity) → Prototype (Replit/Lovable/v0) → Build (Cursor) → Polish (variant.com/v0) → Ship

Hands-on Building

  • Attendees built apps including: a pet-feeding tracker with notifications and shared logging, a social media image generation tool, and a Riyadh bicycle community app
  • MCP integrations used: PostHog MCP for user journey analysis, database access MCP for product insights, HexStrike MCP for vulnerability analysis

Resources


نظرة عامة

ورشة عمل تفاعلية مدتها 3 ساعات قام فيها المشاركون ببناء ونشر برمجيات حقيقية باستخدام كيرسر. تضمن الحدث عرضاً تقديمياً عن أحدث ميزات كيرسر، ونصائح عملية لسير العمل، وجلسة بناء عملية أنجز فيها الحاضرون نماذج أولية تعمل.

أبرز النقاط

  • قدّم نيك ميلر عرضاً عن أحدث ميزات كيرسر (المهارات، الهوكس، السوق، الأتمتة) مع أمثلة واضحة
  • جلسة عملية عن تسريع سير العمل وعادات البرومبتنق الأفضل
  • قام الحضور ببناء ونشر نماذج أولية حقيقية خلال جلسة البناء العملي

المواضيع المغطاة

المتحدث الضيف: نيك ميلر (مهندس في كيرسر)

  • أحدث ميزات كيرسر: المهارات، الهوكس، السوق، والأتمتة
  • أسئلة وأجوبة عملية عن الاستخدام الفعلي والذكاء الاصطناعي في الإنتاج

نصائح وحيل: افعل ولا تفعل

  • هندسة الفايب مقابل برمجة الفايب (بحث → تخطيط → بناء → مراجعة)
  • راجع كل شيء — عامل الذكاء الاصطناعي كمبرمج مبتدئ
  • استخدم النموذج المناسب لكل مهمة (تخطيط vs تنفيذ vs بناء هيكلي)
  • لا تبدأ من الصفر — استخدم Lovable أو v0 أو القوالب أولاً
  • استخدم @docs للوثائق المحدّثة
  • استخدم قواعد كيرسر (قواعد المستخدم + قواعد المشروع)
  • استخدم MCPs والمهارات والإضافات (Perplexity، Context7، TaskMaster، Mobile)
  • حافظ على تركيز المحادثات — مهمة واحدة لكل محادثة
  • وضع التخطيط أولاً، ثم وضع الوكيل
  • اكتب برومبتات محددة وغنية بالسياق
  • احفظ نقاط تحقق باستمرار — git commits + نقاط تحقق كيرسر
  • وازِ العمل مع الوكلاء الخلفيين

خط أنابيب أدوات الذكاء الاصطناعي

  • بحث (ChatGPT/Perplexity) → نموذج أولي (Replit/Lovable/v0) → بناء (Cursor) → تحسين (variant.com/v0) → نشر

البناء العملي

  • بنى الحضور تطبيقات تشمل: متتبع تغذية الحيوانات الأليفة، أداة توليد صور لوسائل التواصل، وتطبيق مجتمع دراجات الرياض
  • استخدام تكاملات MCP: PostHog لتحليل رحلات المستخدم، وHexStrike لتحليل الثغرات

Slides العروض