How do I install the Curriculum Package Web skill?

Run npx skillmds add majiayu000/curriculum-package-web in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Curriculum Package Web safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Curriculum Package Web?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Curriculum Package Web free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Curriculum Package Web?

majiayu000 (@majiayu000) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Curriculum Package Web by majiayu000

Name: Curriculum Package Web
Rating: 4.666666666666667 (3 reviews)
Author: majiayu000

Curriculum Package Web

Generate responsive HTML/CSS/JS web content with interactive elements, quizzes, navigation, and accessibility for self-paced or blended learning. Use when creating web content, interactive lessons, or online materials. Activates on "create website", "web content", "interactive web", or "HTML export".

majiayu000 a582d46 2 files · 3.0 KB Updated Sep 9, 2026 567 repo stars

File contents

Web Content & Interactive Materials

Create responsive, accessible web-based learning content with interactivity, navigation, and engagement features.

When to Use

Create standalone websites
Generate interactive lessons
Build self-paced modules
Develop online content
Create web-based activities

Required Inputs

Content: Lessons, assessments, resources
Interactivity: Quiz types, activities needed
Styling: Theme, colors, branding
Features: Navigation, progress tracking, etc.

Workflow

1. Generate HTML Structure

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Course Title</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
  <nav><!-- Navigation menu --></nav>
  <main><!-- Content --></main>
  <footer><!-- Footer --></footer>
  <script src="interactive.js"></script>
</body>
</html>

2. Add Interactive Elements

Quizzes with immediate feedback
Drag-and-drop activities
Expandable content sections
Progress indicators
Bookmarking
Note-taking

3. Ensure Responsiveness

Mobile-friendly (320px+)
Tablet optimized
Desktop enhanced
Touch and keyboard accessible

4. CLI Interface

# Full course website
/curriculum.package-web --materials "curriculum-artifacts/" --output "course-website/"

# Single interactive lesson
/curriculum.package-web --lesson "lesson1.md" --interactive --quiz "quiz1.json"

# With custom theme
/curriculum.package-web --materials "curriculum-artifacts/" --theme "dark" --primary-color "#3498db"

# Help
/curriculum.package-web --help

Exit Codes

0: Website generated
1: Invalid configuration
2: Cannot load materials
3: Build failed

---name: curriculum-package-webdescription: Generate responsive HTML/CSS/JS web content with interactive elements, quizzes, navigation, and accessibility for self-paced or blended learning. Use when creating web content, interactive lessons, or online materials. Activates on "create website", "web content", "interactive web", or "HTML export".--- # Web Content & Interactive Materials Create responsive, accessible web-based learning content with interactivity, navigation, and engagement features. ## When to Use - Create standalone websites - Generate interactive lessons - Build self-paced modules - Develop online content - Create web-based activities ## Required Inputs - **Content**: Lessons, assessments, resources - **Interactivity**: Quiz types, activities needed - **Styling**: Theme, colors, branding - **Features**: Navigation, progress tracking, etc. ## Workflow ### 1. Generate HTML Structure ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Course Title</title> <link rel="stylesheet" href="styles.css"> </head> <body> <nav></nav> <main></main> <footer></footer> <script src="interactive.js"></script> </body> </html> ``` ### 2. Add Interactive Elements - Quizzes with immediate feedback - Drag-and-drop activities - Expandable content sections - Progress indicators - Bookmarking - Note-taking ### 3. Ensure Responsiveness - Mobile-friendly (320px+) - Tablet optimized - Desktop enhanced - Touch and keyboard accessible ### 4. CLI Interface ```bash # Full course website /curriculum.package-web --materials "curriculum-artifacts/" --output "course-website/" # Single interactive lesson /curriculum.package-web --lesson "lesson1.md" --interactive --quiz "quiz1.json" # With custom theme /curriculum.package-web --materials "curriculum-artifacts/" --theme "dark" --primary-color "#3498db" # Help /curriculum.package-web --help ``` ## Exit Codes - **0**: Website generated - **1**: Invalid configuration - **2**: Cannot load materials - **3**: Build failed

Frequently asked questions