skills.rest
astoeffer
astoefferCOMMUNITY
Explore all skills by this author →
GitHub

h5p-patterns

Create interactive H5P content for Moodle and Kirby with iframe embedding.

Updated Aug 27, 2026
Search Tags:#interactive#embed#moodle#kirby#h5p
One-click install
npx skills add https://github.com/astoeffer/plugin-marketplace --skill h5p-patterns
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: h5p-patterns
Source: https://github.com/astoeffer/plugin-marketplace/tree/main/plugins/cloodle-content-native/skills/h5p-patterns
Command: npx skills add https://github.com/astoeffer/plugin-marketplace --skill h5p-patterns

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create interactive H5P content patterns for Moodle activities and Kirby pages.

Core Features & Use Cases

  • H5P Embedding: Embedding patterns for Moodle and Kirby.
  • Styling & Snippets: Styling patterns for H5P embeds.
  • Content Types: Interactive video, course presentations, and quizzes.

Quick Start

Add H5P patterns to pages and embed using iframe-based or snippet-based integrations.

Frequently Asked Questions about h5p-patterns

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I embed H5P content in Moodle?▼

Embed H5P content in Moodle 4+ using native H5P integration or iframe-based embedding. Moodle's built-in H5P activity type supports interactive video, quizzes, and course presentations directly within courses without additional plugins.

Can I use H5P with Kirby pages?▼

Yes, H5P works with Kirby pages through iframe embedding and snippet-based integration patterns. This approach allows you to embed interactive H5P content alongside Kirby's native content management without requiring Moodle.

What interactive content types does H5P support?▼

H5P supports Interactive Video, Course Presentation, Question Set, Dialog Cards, and Timeline content types. These cover interactive exercises, quizzes, multimedia learning, conversational interactions, and chronological content presentation.

How do I style H5P embeds consistently across my site?▼

Use SCSS styling patterns to ensure consistent presentation of H5P embeds across Moodle and web platforms. This maintains visual coherence and responsive behavior without modifying the H5P content itself.

Do I need Moodle to use H5P content?▼

No, H5P works independently on web platforms through iframe embedding. While this Skill covers Moodle 4+ integration, H5P content can be embedded on any website using iframe or snippet patterns without a learning management system.

What's the best way to set up H5P embedding templates?▼

Use snippet-based integration patterns to create reusable embedding templates for H5P content. This standardizes deployment across Moodle activities and Kirby pages, reducing setup time and ensuring consistent configuration.

Related Skills

Explore More Education & Research Skills→
YanCheng-goYanCheng-go
3

scrape-speakspeak

Scrape SpeakSpeak Moodle quizzes and merge them into DanskPrep seed JSON.

Community
Advanced
RDCrystalLabRDCrystalLab

tutor

Generate adaptive quizzes and track learning progress in Obsidian StudyVault.

Official
Advanced
TheBushidoCollectiveTheBushidoCollective
187

helm-values

Manage Helm values files and configuration overrides for Kubernetes deployments.

Official
Intermediate
unnamedmistressunnamedmistress

gamified-learning

Orchestrate multi-agent pipelines to design and package gamified learning modules.

Community
Advanced