EN
تعلّم المسارات المرجع مقالات المحفوظات
recipe للبناء

ابنِ dashboard بسيطة

خذ spreadsheet مليئًا بالأرقام وحوّله إلى صفحة ويب بسيطة فيها رسوم بيانية تفتحها في الـ browser — دون أي برمجة ودون Terminal.

سهل ~15 دقيقة

ستحصل في النهاية على صفحة ويب واحدة تعرض أرقامك المهمة على شكل رسوم بيانية، وتعمل على جهازك الخاص.

الخطوات
  1. افتح مجلد بياناتك في Claude Desktop

    أنشئ مجلدًا جديدًا، وضع داخله ملف الـ CSV أو الـ spreadsheet المُصدَّر، ثم افتح ذلك المجلد في تطبيق Claude Desktop كي يرى Claude الملف.

    الصق هذا إلى Claude
    فتحتك للتو في مجلد فيه ملف اسمه sales.csv. ألقِ نظرة وأخبرني ما الأعمدة والبيانات الموجودة فيه.
  2. صِف الـ dashboard التي تريدها

    في المحادثة، أخبر Claude ما الأرقام التي تهمّك ونوع الرسوم البيانية التي تريدها. الكلام البسيط يكفي.

    الصق هذا إلى Claude
    ابنِ dashboard بسيطة بصيغة HTML من sales.csv فيها ثلاثة أشياء: إجمالي الإيرادات هذا الشهر، line chart للإيرادات عبر الزمن، وbar chart للإيرادات حسب المنطقة. اجعلها single self-contained file أستطيع فتحه في الـ browser.
  3. راجِع الملف الجديد وافتحه

    ينشئ Claude الملف — راجعه في عرض الفروق المرئي واقبله، ثم افتحه بنقرة مزدوجة في الـ browser لترى الرسوم البيانية.

    الصق هذا إلى Claude
    افتح ملف الـ dashboard الذي أنشأته للتو واشرح لي ماذا يعرض كل رسم بياني.
  4. تفاعل معها كما تفعل مع مصمم

    انظر إلى الصفحة، ثم اطلب التعديلات في المحادثة. يعدّل Claude الملف ويعرض لك الـ diff — اقبل ما يعجبك منها.

    الصق هذا إلى Claude
    ألوان الـ bar chart يصعب قراءتها وأريد المجاميع أكبر في الأعلى. عدّلها.
  5. حدّثها لاحقًا

    في الشهر القادم، ضع الـ CSV الجديد في المجلد واطلب من Claude إعادة التوليد — أو احفظ الخطوات كـ recipe كي تصبح بتعليمة واحدة.

    الصق هذا إلى Claude
    استبدلت sales.csv ببيانات الشهر الجديد. أعد بناء الـ dashboard بالطريقة نفسها.
نصائح وأفضل الممارسات
  • اطلب single self-contained HTML file — يفتح في أي browser دون تثبيت أي شيء.
  • صِف الأرقام التي تهمّك أنت؛ لا تقبل أي رسوم بيانية يختارها Claude افتراضيًا.
  • تحقّق من صحة مجموع واحد بمقارنته مع الـ spreadsheet قبل أن تثق بالـ dashboard كلها.
  • حين تبدو صحيحة، احفظ الخطوات كـ command كي يكون تحديث الشهر القادم بكلمة واحدة.

أسئلة يطرحها الناس

هل أحتاج إلى تثبيت أي شيء لبناء هذه؟
تطبيق Claude Desktop فقط — بلا Terminal وبلا أدوات برمجة. تضع الـ spreadsheet في مجلد، وتفتح ذلك المجلد في Claude Desktop، وتطلب. يبني Claude single self-contained HTML file يفتح في أي browser دون تثبيت أي شيء آخر.
هل أحتاج إلى معرفة كيف أبرمج؟
لا. تصف الأرقام التي تهمّك والرسوم البيانية التي تريدها باللغة الطبيعية، ثم تطلب التعديلات بالطريقة التي تكلّم بها مصممًا — «كبّر المجاميع»، «هذه الألوان يصعب قراءتها». يكتب Claude الكود؛ وأنت تراجع الناتج في لوحة الملفات.
ماذا لو بدا رسم بياني خاطئًا أو مجموع غير صحيح؟
تحقّق من مجموع واحد بمقارنته مع الـ spreadsheet قبل أن تثق بالـ dashboard كلها. إن كان رقم خاطئًا، فالبيانات أو ربط الأعمدة هو السبب عادةً — اسأل Claude ماذا حسب، وأخبره بالعمود الصحيح.
هل يمكنني تحديثها الشهر القادم دون إعادة كل شيء؟
نعم. استبدل الـ spreadsheet ببيانات الشهر الجديد واطلب من Claude إعادة بنائها بالطريقة نفسها — أو احفظ الخطوات كـ slash command كي يكون التحديث بكلمة واحدة.