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

pagecraft-claude

Coordinate Claude Code subagents to produce PageCraft lesson assets.

Updated Mar 12, 2026
Search Tags:#pedagogy#claude-code#mult-agent#self-contained-html#pagecraft#docspec-am
One-click install
npx skills add https://github.com/atilasos/pagecraft --skill pagecraft-claude
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: pagecraft-claude
Source: https://github.com/atilasos/pagecraft/tree/main/skills/claude
Command: npx skills add https://github.com/atilasos/pagecraft --skill pagecraft-claude

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Orchestrates Claude Code specialized agents to plan, implement, and validate PageCraft interactive lessons, enabling educators to rapidly produce multi-step, self-contained HTML activities with accessibility and age-appropriate UX principles.

Core Features & Use Cases

  • Orchestrates specialized Claude Code subagents (Architect, Designer, Builder, Proofreader, Evaluator) to produce DocSpec-AM and the final lesson assets.
  • Ensures outputs are self-contained HTML/CSS/JS with offline operation and no external dependencies.
  • Supports iterative QA and repair loops, aligned with vault pedagogy, MEM, AE, and PA mappings.

Quick Start

Provide a topic and duration to start generating a full PageCraft activity via Claude Code.

Frequently Asked Questions about pagecraft-claude

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

FAQPage Schema
How do I generate self-contained HTML lessons using Claude Code subagents?▼

You can generate self-contained HTML lessons by providing a topic and duration to trigger Claude Code subagents that plan, build, and validate interactive activities through iterative QA loops.

What is the PageCraft pipeline for creating interactive educational activities?▼

The PageCraft pipeline coordinates Architect, Designer, Builder, Proofreader, and Evaluator subagents to produce DocSpec-AM aligned, self-contained HTML lesson assets with offline accessibility.

Can I produce offline HTML educational activities without external dependencies?▼

Yes, the pipeline outputs self-contained HTML, CSS, and JS files that operate completely offline with no external dependencies, ensuring activities run securely in isolated environments.

How do I align generated lesson content with curriculum standards and pedagogy mappings?▼

Generated lessons align with curriculum through vault-based pedagogy, DocSpec/SRTC-A, MEM, and AE mappings applied during the Architect and Evaluator subagent phases to ensure age-appropriate UX.

What are the limitations of using multi-agent workflows for HTML lesson generation?▼

The multi-agent workflow requires Claude Code to orchestrate subagents through iterative QA repair loops, meaning generation time scales with activity complexity and validation depth.

Does the generated lesson output include JSON artifacts alongside the HTML files?▼

Yes, the pipeline saves both JSON and HTML artifacts to the outputs/lessons directory, capturing structured DocSpec-AM metadata alongside the final self-contained HTML activities.

Related Skills

Explore More Education & Research Skills→
aiunlocked1412aiunlocked1412
14

course-creator

Generate course curricula, lesson plans, assessments, and launch strategies.

Community
Intermediate
atilasosatilasos

pagecraft

Generate self-contained HTML lesson pages for classroom use.

Community
Advanced
paxlabs-incpaxlabs-inc
7

claude-design

Generate self-contained HTML design artifacts with CSS and JavaScript.

Community
Advanced
brandon-frysliebrandon-fryslie
4

claude-code-power

Configure Claude Code for autonomous operation, remote control, and multi-agent workflows.

Community
Advanced