Does this skill support the latest Moodle versions?

Yes, it includes specific patterns for Moodle 4+ which features a native H5P activity module and integrated content bank.

What H5P content types are supported?

It supports common educational types including Interactive Video, Course Presentations, Question Sets, Dialog Cards, and Timelines.

What is H5P and how does this skill help?

H5P is an open-source framework for creating interactive HTML5 content. This skill provides Claude with the patterns needed to correctly embed, style, and manage that content.

How do I handle responsive design with H5P?

The skill includes SCSS patterns that define wrapper dimensions and iframe scaling to ensure interactive content looks good on all screen sizes.

Can I use this for CMS platforms other than Kirby?

While it includes specific templates for Kirby CMS, the SCSS and iframe patterns are highly adaptable for any web-based content management system.

H5P Content Patterns

Name: H5P Content Patterns
Author: astoeffer

byastoeffer

0•

학습 및 문서화

Generates and integrates interactive H5P learning content for Moodle and Kirby CMS platforms.

The H5P Patterns skill empowers developers to build, embed, and style interactive educational content within Moodle and web platforms. It provides standardized implementation patterns for common H5P types like interactive videos, quizzes, and branching scenarios, ensuring seamless integration with Kirby CMS snippets and Moodle's native H5P activity module while maintaining consistent visual styling through custom SCSS wrappers.

주요 기능

01Kirby CMS iframe snippet generation

020 GitHub stars

03Moodle 4+ native H5P activity embedding

04Custom SCSS styling for interactive wrappers

05Standardized implementation for interactive exercises

06Support for educational content types (Video, Quiz, Timeline)

사용 사례

01Creating flashcards and quizzes for Kirby-based websites

02Styling H5P iframes to match a specific design system

03Embedding interactive video lectures in Moodle courses

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add astoeffer/plugin-marketplace h5p-patterns

For use in Claude.ai and ChatGPT

Download Skill