Skip to content

Add docs-to-course skill - #1177

Open
IngmarVG-IB wants to merge 3 commits into
anthropics:mainfrom
IngmarVG-IB:add-docs-to-course-skill
Open

Add docs-to-course skill#1177
IngmarVG-IB wants to merge 3 commits into
anthropics:mainfrom
IngmarVG-IB:add-docs-to-course-skill

Conversation

@IngmarVG-IB

Copy link
Copy Markdown

Summary

Adds docs-to-course, a skill that turns any documentation — local files, GitHub repos, or live documentation websites — into a stunning, self-contained single-page HTML training course with scroll-based modules, animated visualizations, embedded quizzes, spec ↔ plain-English translation blocks, and spaced retrieval callbacks.

Designed around a documented pedagogy: 80/20 scoping, Bloom-aligned objectives written before content, prediction questions and completion problems for formative assessment, elaborative wrong-answer feedback, and a required synthesis module that returns to the opening scenario.

What's in the submission

File Purpose
skills/docs-to-course/SKILL.md Five-phase skill (web crawl → analysis → curriculum design → build → polish)
skills/docs-to-course/references/design-system.md CSS tokens, WCAG 2.1 AA accessibility baseline, typography, color, optional brand-skin layer
skills/docs-to-course/references/interactive-elements.md Implementation patterns for every interactive element (translations, quizzes, drag-and-drop, decision trees, etc.)
skills/docs-to-course/references/firecrawl.md Web crawl procedure (called only when input is a URL)
skills/docs-to-course/examples/axur-platform-course.html Full working example (1900-line standalone HTML course)
skills/docs-to-course/LICENSE MIT

Dependencies

  • Firecrawl MCP (optional) — required only when users supply a URL. Local files and GitHub repos work without it. Setup instructions live in references/firecrawl.md.

Try it

make a course from RFC 9460
turn ./docs into a course
make a course from https://docs.example.com

For corporate-branded output, drop a .brand.json in the working directory or add a phrase like "with our brand" — Phase 2C applies a thin accent + logo skin without overriding the skill's core design identity.

Accessibility

Every interactive element ships with keyboard operability, ARIA labels, focus-visible states, reduced-motion fallbacks, drag-and-drop keyboard alternatives, and WCAG 2.1 AA contrast on all default tokens. See the Accessibility section in references/design-system.md.

🤖 Generated with Claude Code

Transforms documentation (RFCs, API refs, wikis, whitepapers, etc.) into a
single-page interactive HTML training course with scroll-based modules,
spec-language-to-plain-English side-by-sides, animated concept diagrams,
and embedded quizzes.

Bundles design-system and interactive-element references and an example
output (Axur platform course). Requires the Firecrawl MCP server for
URL inputs; works on local files and GitHub repos without it.
SKILL.md was over the 500-line spec recommendation. Extract the MCP setup
instructions and the Phase 0 crawl procedure (mapping, URL filtering,
batch scrape, credit reference) into a dedicated reference file the agent
loads only when a URL input is provided.

SKILL.md drops from 575 to 475 lines.
Optional corporate-branding overlay (accent color, nav logo, brand name,
actor palette) gated behind an explicit branding phrase or a .brand.json
in the working directory. Skill identity — typography, warm palette,
layout, voice, semantic colors — stays fixed. Default flow unchanged.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant