مهدی حسینی

لینک هر دوره‌ای رو بده، اپ آموزشیِ اینتراکتیوش رو بگیر

اسکیل «دوره به اپ» (course-to-app) برای Claude Code و ChatGPT

فقط لینک یه دوره‌ی آنلاین رو می‌فرستی. اسکیل سرفصل رو پیدا می‌کنه و یه فایل HTML تک‌فایلی می‌سازه: صفحه‌ی معرفیِ کامل دوره، به‌اضافه‌ی یه اپ شبیه دولینگو با مسیر درس‌ها، تمرین، امتیاز و مرور.

حجم هر دو فایل ۶۱ کیلوبایت (۶ فایل داخلشه) · هر دو یه فایل‌ن، فقط پسوندشون فرق داره · SHA-256: 0981c9e8bc19ec6cadfa4693029cb08cd60b4cfad6dac41ec962bdc4a9c64d3d

چطور کار می‌کنه؟

تنها ورودی لینک دوره‌ست. زبان، طول، رنگ و سطح رو خودِ اسکیل تصمیم می‌گیره.

  1. لینک رو می‌فرستی

    هر لینکی از Coursera، Udemy، فرادرس، مکتب‌خونه، پلی‌لیست یوتیوب یا یه صفحه‌ی سرفصل. بدون هیچ توضیح اضافه.

  2. دوره رو می‌خونه

    صفحه رو باز می‌کنه، سرفصل رو درمیاره و اگه صفحه سرفصل نداشت، دنبالش می‌گرده. بعد درس‌ها و مفهوم‌ها رو با کلمات خودش می‌چینه.

  3. اپ رو تحویل می‌ده

    یه فایل HTML که کافیه تو مرورگر بازش کنی. اول خودش رو با یه تست مرورگری امتحان می‌کنه و بعد به تو می‌ده.

خروجی چی داره؟

  • صفحه‌ی معرفی دوره: دوره چیه، یادگیرنده بعدش چی بلده، سرفصل کامل، مخاطب، پیش‌نیاز و سؤال‌های متداول، با لینک به دوره‌ی اصلی.
  • مسیر درس‌ها: درس‌ها یکی‌یکی باز می‌شن و هر کدوم چند کارت آموزشی کوتاه داره.
  • هفت نوع تمرین: چندگزینه‌ای، چندپاسخی، درست‌ونادرست، جای‌خالی، تایپی، جفت‌کردن و مرتب‌کردن، با بازخورد فوری و توضیح.
  • تکرار تا یادگیری: جواب غلط دوباره برمی‌گرده تا درست بشه. آخر هر واحد هم یه آزمون مرحله‌ای داره.
  • امتیاز و استریک: XP، هدف روزانه و دستاورد.
  • تابلوی تسلط: می‌بینی کدوم مفهوم رو یاد گرفتی و کدوم هنوز ضعیفه، و حالت مرور، سراغ همون‌ها می‌ره.
  • موبایل، حالت تاریک، راست‌به‌چپ: هر چیزی که لازمه، تو خودِ فایل هست. پیشرفتت تو مرورگر خودت ذخیره می‌شه.

نمونه: دوره‌ی «مدیریت محصول دیجیتال» از مدرسه‌ی بوژان

این اپ فقط با لینک صفحه‌ی دوره (bozhan.school) ساخته شده. سرفصل رو از جستجو پیدا کرده و متن درس‌ها و سؤال‌ها نوشته‌ی خودِ اسکیله؛ جای دوره‌ی اصلی رو نمی‌گیره. بازش کن و چند تمرین حل کن.

دموی زنده
۸واحد
۱۸درس
۱۶۶تمرین

نصب

اول یکی از دو فایل بالا رو دانلود کن. هر دو یکی‌ان، فقط پسوندشون فرق داره.

Claude Code اسکیل شخصی

اسکیل یه پوشه‌ی course-to-app با فایل SKILL.md داخلشه. فایل رو تو پوشه‌ی اسکیل‌های شخصی unzip کن:

mkdir -p ~/.claude/skills unzip course-to-app.skill -d ~/.claude/skills/

نتیجه باید ~/.claude/skills/course-to-app/SKILL.md باشه. یه جلسه‌ی تازه‌ی Claude Code باز کن و فقط لینک دوره رو بنویس. برای فقط یه پروژه، به‌جای اون پوشه از .claude/skills/ داخل خودِ پروژه استفاده کن.

تو ویندوز هم همین کار رو با unzip، 7-Zip یا Expand-Archive انجام بده. اگه ابزارت پسوند .skill رو نمی‌شناسه، از نسخه‌ی zip استفاده کن.

Claude.ai و Claude Desktop: اگه حسابت بخش Skills داره، فایل zip رو از همون‌جا (Settings، بخش Capabilities) آپلود کن.

ChatGPT با نسخه‌ی zip

  1. از منوی کناری، Plugins و بعد تب Skills رو باز کن.
  2. روی Create و بعد Upload from your computer بزن.
  3. فایل course-to-app.zip رو انتخاب کن و صبر کن اسکن تموم بشه.
  4. تو یه چت جدید، اسکیل رو با @ انتخاب کن و لینک دوره رو بفرست.

طبق راهنمای OpenAI، Skills تو ChatGPT فعلاً برای حساب‌های Business، Enterprise، Healthcare و Edu باز شده و ممکنه تو حساب تو هنوز نباشه. تو Codex هم همین ساختار اسکیل کار می‌کنه.

اگه حسابت Skills نداره، می‌تونی محتوای SKILL.md رو دستی تو دستورالعمل یه پروژه بذاری. این راه رو من تست نکردم و بدون اجرای کد و دسترسی به وب، اسکیل نمی‌تونه فایل بسازه.

نکته‌ی امنیتی: اسکیل‌ها می‌تونن کد داشته باشن، پس قبل از نصب بازش کن و ببین. این بسته فقط شش فایله: SKILL.md، یه راهنمای ساختار داده، یه قالب HTML، یه نمونه‌ی دوره و دو اسکریپت پایتون، یکی برای ساخت و یکی برای تست.

استفاده و نیازها

بعد از نصب، کافیه تو یه چت تازه فقط لینک دوره رو بفرستی. مثلاً:

https://bozhan.school/courses/productmanagement/
  • برای خوندن صفحه‌ی دوره، به ابزار وب (باز کردن لینک و جستجو) نیاز داره.
  • برای ساخت فایل، به python3 نیاز داره.
  • تست مرورگری اختیاریه و Playwright می‌خواد. اگه نصب نباشه، رد می‌شه و خروجی رو خودت تو مرورگر چک کن.
  • تنها منبع بیرونیِ فایل خروجی، فونت‌های Google Fonts با فونت جایگزینه. بقیه‌ش آفلاین کار می‌کنه.

داخل بسته چیه؟

course-to-app/ ├── SKILL.md # دستورالعمل اصلی (۱۴ KB) ├── references/course-schema.md ├── assets/app-template.html # موتور اپ ├── assets/example-course.json └── scripts/ ├── build_app.py # اعتبارسنجی و ساخت └── smoke_test.py # تست مرورگری