csc134-canvas-compositor

Compose Markdown into inline-styled HTML for Canvas LMS pages.

Updated Jul 28, 2026
One-click install
npx skills add https://github.com/norrisaftcc/the-algorithm --skill csc134-canvas-compositor
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: csc134-canvas-compositor
Source: https://github.com/norrisaftcc/the-algorithm/tree/main/_historical/course-csc134-template/claude-dir/skills/csc134-canvas-compositor
Command: npx skills add https://github.com/norrisaftcc/the-algorithm --skill csc134-canvas-compositor

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill solves the frustration of Canvas's aggressive HTML sanitizer destroying custom layouts, styles, and interactive elements, ensuring course material remains visually consistent and functional.

Core Features & Use Cases

  • Sanitizer-Safe Composition: Automatically formats Markdown into inline-styled HTML that survives Canvas's RCE save process.
  • Course-Specific Design: Implements the CSC 134 house style, including specific typographic tokens, gutter devices, and diagram routing.
  • Use Case: Use this when preparing module pages or assignment descriptions to ensure code blocks, callouts, and flowcharts render correctly without being stripped by the Canvas editor.

Quick Start

Use the csc134-canvas-compositor skill to convert the provided Markdown source into a sanitizer-safe HTML page for the current module.

Frequently Asked Questions about csc134-canvas-compositor

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

FAQPage Schema
Why does Canvas LMS strip my custom HTML styles and layouts when saving course pages?

Canvas LMS uses an aggressive HTML sanitizer during its RCE save operations that removes custom styles and layouts. Composing content with sanitizer-safe, inline-styled HTML prevents this content loss and ensures visual consistency.

How do I convert Markdown into HTML for Canvas course pages without breaking formatting?

Convert Markdown into HTML for Canvas by composing it with strict inline styles and constrained HTML elements. This ensures code blocks, callouts, and flowcharts survive the Canvas RCE save process without being stripped.

What is sanitizer-safe HTML and when do I need it for Canvas assignments?

Sanitizer-safe HTML uses inline styles and strict element constraints to survive Canvas's content filtering. You need it when preparing module pages or assignment descriptions to prevent interactive elements and custom layouts from being destroyed.

Best way to format Markdown source into Canvas LMS course pages without losing styled content?

The best way to format Markdown for Canvas is to compose it into sanitizer-safe HTML using inline styles. This approach enforces strict HTML constraints, preventing the Canvas editor from stripping custom layouts, styles, and interactive elements during save operations.

What are the limitations of using inline-styled HTML for Canvas LMS course modules?

Inline-styled HTML for Canvas LMS is limited by strict HTML constraints enforced to prevent content loss during RCE save operations. Custom layouts and interactive elements must adhere to these sanitizer-safe constraints to render correctly without being stripped.