skills.rest
atilasos
atilasosCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

pagecraft

Generate self-contained HTML lesson pages for classroom use.

Updated Mar 12, 2026
Search Tags:#multi-agent#curriculum-aligned#pagecraft#interactive-lesson#explorable-explanation#offline-html
One-click install
npx skills add https://github.com/atilasos/pagecraft --skill pagecraft
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: pagecraft
Source: https://github.com/atilasos/pagecraft/tree/main/skills/openclaw
Command: npx skills add https://github.com/atilasos/pagecraft --skill pagecraft

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

PageCraft enables teachers to rapidly generate self-contained explorable lesson pages in HTML that work offline and align with curricular goals.

Core Features & Use Cases

  • Multi-agent pipeline (Architect → Builder → Evaluator) ensures curricular alignment, accessible UI, and robust interactivity.
  • Generates self-contained HTML with inline CSS/JS for offline classroom use.
  • Supports maker extensions (Minecraft, Lego, 3D printing) and on-demand references/assets.

Quick Start

Run PageCraft with a DocSpec-AM to produce a complete interactive lesson page.

Frequently Asked Questions about pagecraft

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

FAQPage Schema
How do I create offline interactive HTML lessons for classroom use?▼

You can create offline interactive HTML lessons by using a multi-agent workflow that outputs self-contained HTML packages with inline CSS and JS, ensuring they work without an internet connection for classroom use.

What is a multi-agent workflow for generating explorable lesson pages?▼

A multi-agent workflow for explorable lesson pages uses an Architect, Builder, and Evaluator sequence to ensure curricular alignment, accessible design, and robust interactivity across ages 4 to 10.

Can I generate interactive HTML pages that align with specific curriculum goals?▼

Yes, you can generate interactive HTML pages aligned with curriculum goals by running the generation process with a DocSpec-AM, which validates the output for pedagogy and technical quality.

Does this lesson generation approach support maker extensions like Minecraft and Lego?▼

Yes, the lesson generation approach supports maker extensions for Minecraft, Lego, and 3D printing, while also providing on-demand references and assets for the interactive pages.

What are the limitations of using self-contained HTML for educational pages?▼

Self-contained HTML educational pages require all CSS and JS to be inline, meaning external API dependencies cannot function offline, limiting dynamic data fetching during classroom use.

Related Skills

Explore More Education & Research Skills→
atilasosatilasos

pagecraft-codex

Orchestrate Codex to produce interactive PageCraft lesson pages with QA.

Community
Advanced
vvieira010-pixelvvieira010-pixel

uninterrupted-work-cycle-designer

Design structured classroom work cycles with choice systems and teacher protocols.

Community
Advanced
madhusudanpatnaikmadhusudanpatnaik

website-builder-setup

Automate installation of UI/UX design tools, animation libraries, and React components.

Community
Intermediate
zzafergokzzafergok
1

markdown-to-html-skill

Convert Markdown documents to HTML using marked.js, pandoc, gomarkdown, or static site generators.

Community
Intermediate