Vibe Index
🎯

curriculum-package-web

🎯Skill

from pauljbernard/content

VibeIndex|
What it does

curriculum-package-web skill from pauljbernard/content

πŸ“¦

Part of

pauljbernard/content(103 items)

curriculum-package-web

Installation

πŸ“‹ No install commands found in docs. Showing default command. Check GitHub for actual instructions.
Quick InstallInstall with npx
npx skills add pauljbernard/content --skill curriculum-package-web
Need more details? View full documentation on GitHub β†’
4Installs
-
Last UpdatedNov 9, 2025
View on GitHubBack to Skills

Skill Details

SKILL.md

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".

Overview

# 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

Course Title

```

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

More from this repository10

🎯
curriculum-design🎯Skill

curriculum-design skill from pauljbernard/content

🎯
curriculum-develop-content🎯Skill

curriculum-develop-content skill from pauljbernard/content

🎯
learning-language-level-calibration🎯Skill

learning-language-level-calibration skill from pauljbernard/content

🎯
learning-localization-engineering🎯Skill

learning-localization-engineering skill from pauljbernard/content

🎯
learning-quality-assurance🎯Skill

learning-quality-assurance skill from pauljbernard/content

🎯
learning-tutor-assistant🎯Skill

learning-tutor-assistant skill from pauljbernard/content

🎯
learning-microlesson-designer🎯Skill

learning-microlesson-designer skill from pauljbernard/content

🎯
learning-global-accessibility🎯Skill

learning-global-accessibility skill from pauljbernard/content

🎯
learning-pedagogy🎯Skill

learning-pedagogy skill from pauljbernard/content

🎯
learning-onboarding🎯Skill

learning-onboarding skill from pauljbernard/content