mcpField
C
course-gamification-designer

course-gamification-designer

github.com/lensetekOther013 installsUpdated 1d ago
Repository

About course-gamification-designer

course-gamification-designer turns theoretical or abstract course content into educational web mini-games. It describes six game patterns, with responsive single-file games, local scoreboards, and immediate feedback.

Key features

  1. 01Six educational mini-game patterns
  2. 02Standalone single-file web games
  3. 03Touch and keyboard-friendly layouts
  4. 04Local high-score storage
  5. 05Explanations for incorrect answers

Use cases

  1. 01Practicing concept categorization
  2. 02Reviewing misconceptions before exams
  3. 03Rebuilding code or formula sequences
  4. 04Learning terminology through matching games

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/lensetek/course-agent-skills --skill course-gamification-designer

After installing, type/course-gamification-designerin Claude Code to confirm it loaded.

Details

From the project README

Course Gamification Designer 🎮

course-gamification-designer mengubah materi ajar yang teoritis atau abstrak menjadi mini-game web yang seru, menantang, dan mendidik. Setiap sesi materi dapat ditawarkan varian game yang relevan untuk memperkuat pemahaman siswa secara aktif (Active Learning).

🕹️ 6 Pola Mini-Game Web Edukatif

  1. Concept Sorter / Drag-and-Drop Arena:
    • Mekanisme: Kartu-kartu konsep materi berjatuhan atau tersusun acak. Siswa harus menyeretnya ke wadah kategori yang tepat sebelum waktu habis.
    • Cocok untuk: Pengelompokan tipe data, taksonomi biologi, komponen neraca akuntansi, jenis-jenis arsitektur jaringan.
  2. Branching Scenario Simulator (Choose-Your-Own-Adventure):
    • Mekanisme: Siswa berperan sebagai profesional (misal: Software Architect, Dokter, Manajer Proyek). Setiap keputusan mempengaruhi parameter metrik (Budget, Kepuasan Pengguna, Keamanan Sistem).
    • Cocok untuk: Etika profesi, studi kasus bisnis, mitigasi krisis keamanan siber, diagnosa klinis.
  3. Speed Trivia & Whack-a-Misconception:
    • Mekanisme: Pernyataan-pernyataan muncul dengan cepat di layar. Siswa harus membedakan antara fakta ilmiah valid vs mitos/miskonsepsi populer.
    • Cocok untuk: Review persiapan UTS/UAS, pemanasan apersepsi di awal pertemuan.
  4. Formula & Code Syntax Rebuilder:
    • Mekanisme: Balok-balok baris kode atau tahapan rumus matematika diacak. Siswa harus menyusun kembali ke dalam urutan eksekusi yang benar.
    • Cocok untuk: Logika pemrograman, algoritma sorting, penurunan rumus fisika/matematika.
  5. Interactive Crossword / Terminology Crypt:
    • Mekanisme: Teka-teki silang digital dengan petunjuk definisi (Level LOTS). Memiliki sistem validasi huruf otomatis dan tombol hint.
    • Cocok untuk: Penguatan hafalan istilah medis, hukum, farmasi, atau akuntansi.
  6. Card Memory Match (Matching Pairs):
    • Mekanisme: Membuka kartu terbalik untuk mencocokkan antara ikon/istilah dengan fungsi/definisi yang tepat.

🛠️ Karakteristik Teknis Game Web

  • Berkas Tunggal Mandiri (game.html): Memadukan canvas, CSS visual modern, audio efek sintesis (Web Audio API tanpa aset eksternal yang lambat), dan logika JavaScript dalam satu file.
  • Responsif & Mobile-View First: Berfungsi mulus pada layar smartphone (layar sentuh) maupun monitor komputer mouse/keyboard.
  • Sistem Poin & Leaderboard Lokal: Menyimpan skor tertinggi di browser lokal (localStorage) untuk kompetisi sehat antar siswa di kelas.
  • Feedback Langsung: Setiap jawaban salah langsung diberikan penjelasan ringkas mengapa jawaban tersebut belum tepat.

Comments

Markdown supported