You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
Repository navigation
Commit b736bed
Browse filesBrowse the repository at this point in the historyBrowse files
Copy file name to clipboardExpand all lines: README.md
+6-3Lines changed: 6 additions & 3 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -6,14 +6,17 @@ The site of the [missing-elements](https://github.com/missing-elements) web comp
6
6
7
7
| Path | What it is | Source |
8
8
| --- | --- | --- |
9
-
|`/`| The project list, the tools (the build page, which links the skill's page), and a footer of links |[src/index.njk](src/index.njk); the lists are in [src/_data/site.js](src/_data/site.js)|
9
+
|`/`| The project list, the tools (the build page first, with its how-to), and a footer of links |[src/index.njk](src/index.njk); the lists are in [src/_data/site.js](src/_data/site.js)|
10
10
|`/pdfjs-viewer/`| The docs of `<pdfjs-viewer-element>`, with a live preview |[src/pdfjs-viewer/](src/pdfjs-viewer/)|
11
11
|`/h5p/build/`| The build page, for people: what it makes, a sample that plays, and the build of a chat's source into a `.h5p`, in the visitor's browser |[src/h5p/build/](src/h5p/build/)|
12
-
|`/h5p/skill/`| The skill's files, and a page that lists each at its full address, for a chat; and the skill as zips to install: `h5p-author.zip` for Claude, `h5p-author-chatgpt.zip` for ChatGPT's Plugins |[src/h5p/skill/](src/h5p/skill/), copied by [eleventy.config.js](eleventy.config.js); the zips written by [vite.config.ts](vite.config.ts)|
12
+
|`/h5p/create-with-ai/`| The how-to, for people: installing the skill, asking a chat, the prompts to start from, the types, and what to do when something goes wrong |[src/h5p/create-with-ai/](src/h5p/create-with-ai/)|
13
+
|`/h5p/skill/`| The skill as zips to install: `h5p-author.zip` for Claude and Grok, `h5p-author-chatgpt.zip` for ChatGPT's Plugins; and its files, with a page that lists each at its full address, which no page links to |[src/h5p/skill/](src/h5p/skill/), copied by [eleventy.config.js](eleventy.config.js); the zips written by [vite.config.ts](vite.config.ts)|
13
14
|`/h5p/bundles/`| The skill's build tool and a library bundle per content type, for a chat that runs Node but cannot reach npm | written by [vite.config.ts](vite.config.ts)|
14
15
|`/h5p/build/types/`| The skill's type files, which the build page copies for the chat | written by [vite.config.ts](vite.config.ts)|
15
16
16
-
A chat that cannot install the skill is given `/h5p/skill/`, which lists every address. If it can run Node and fetch a file, it builds from the tool and a bundle in `/h5p/bundles/`. If it cannot, it gives the user a link to `/h5p/build/`, which builds in their browser.
17
+
A chat takes the skill installed: from a zip in Claude, ChatGPT and Grok, or with `npx skills add` in an agent with a terminal, as `/h5p/create-with-ai/` says. Where the skill cannot reach npm, it builds from the tool and a bundle in `/h5p/bundles/`, at the addresses `/h5p/skill/` lists, if it can run Node and fetch a file: Grok did, on 2026-11-13. If it cannot, as in ChatGPT, it gives the user a link to `/h5p/build/`, which builds in their browser.
18
+
19
+
Until 2026-11-13 the site's prompts sent a chat to read the skill at `/h5p/skill/` instead. That worked only in chats that now take the zip, so the prompts name the installed skill, and no page links to `/h5p/skill/`. Its page and files stay: the copies of the skill already installed name that address, and so do the prompts people copied before.
Copy file name to clipboardExpand all lines: src/_data/site.js
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -92,7 +92,7 @@ export default {
92
92
description: "Five skills for Claude Code and other agents: H5P from a prompt, a check that it plays, a SCORM zip, H5P on your site, and video that streams.",
<p>Claude, ChatGPT and Grok all work. A model you run on your own computer should work too, if it can open a web page.</p>
100
+
<p>Claude, ChatGPT and Grok take the h5p-author skill as a zip you upload once. An agent with a terminal, such as Claude Code, Codex or Cursor, installs it with one command.</p>
{#- The prompt is a code block, which site.js gives a Copy button. It carries the skill's page at its
122
-
whole address, which a chat's fetch tool needs. It names the content type, so the chat asks
123
-
only for the author and licence: the sample is what Haiku wrote for it, with the site's name
124
-
and licence put on it. -#}
121
+
{#- The prompt is a code block, which site.js gives a Copy button. It names the skill, which the
122
+
chat has once the first step is done, and the content type, so the chat asks only for the
123
+
author and licence: the sample is what Haiku wrote for this request, with the site's name and
124
+
licence put on it. Until 2026-11-13 the prompt sent the chat to read the skill at /h5p/skill/
125
+
instead, which worked only in chats that now take the skill as a zip. -#}
125
126
<sectionclass="band band-tint make when-unlinked"id="make"aria-labelledby="make-heading">
126
127
<divclass="wrap">
127
128
<headerclass="band-head">
128
129
<h2id="make-heading">How it works</h2>
129
-
<p>Three steps, with an AI chat that can open a web page.</p>
130
+
<p>Three steps, in Claude, ChatGPT or Grok.</p>
130
131
</header>
131
132
<olclass="how"role="list">
132
133
<li>
133
-
<h3>Ask your chat</h3>
134
-
<p>Paste the prompt below into the chat, with a subject of your own.</p>
134
+
<h3>Install the skill, once</h3>
135
+
<p>The h5p-author skill is the instructions that tell a chat how to write H5P. Download it and upload it to your chat: <ahref="/h5p/create-with-ai/#install">where it goes in Claude, ChatGPT and Grok</a>.</p>
135
136
</li>
136
137
<li>
137
-
<h3>Answer a question</h3>
138
-
<p>The chat asks whose name and which licence go on it, which you may skip, and which kind of activity you want if the prompt names none. Then it writes the activity.</p>
138
+
<h3>Ask your chat</h3>
139
+
<p>Paste the prompt below into a new chat, with a subject of your own. The chat asks whose name and which licence go on the activity, which you may skip, and writes it.</p>
139
140
</li>
140
141
<li>
141
142
<h3>Play it, then download it</h3>
142
-
<p>It hands over a link that opens the activity here, or its source, a block of JSON to <ahref="#build-it">paste below</a>. Some chats build the <code>.h5p</code> file themselves.</p>
143
+
<p>Claude and Grok build the <code>.h5p</code> file in the chat. ChatGPT hands over a link that opens the activity here, or its source, to <ahref="#build-it">open or paste below</a>.</p>
143
144
</li>
144
145
</ol>
145
146
<divclass="prompt-box">
146
-
<preclass="language-text prompt"data-label="Prompt">Read {{site.url}}/h5p/skill/ and follow it to make an H5P Course Presentation of six slides on writing learning objectives with Bloom's taxonomy, with a question on each slide.</pre>
147
-
<pclass="hint">
148
-
The address in the prompt is <ahref="/h5p/skill/">the h5p-author skill's page</a>: the
149
-
instructions that tell a chat how to write an H5P activity, as text anyone can read.
150
-
</p>
147
+
<preclass="language-text prompt"data-label="Prompt">Use the h5p-author skill to make an H5P Course Presentation of six slides on writing learning objectives with Bloom's taxonomy, with a question on each slide.</pre>
151
148
<p>
152
149
More prompts, every type, and what to do when something goes wrong:
153
150
<ahref="/h5p/create-with-ai/">how to create H5P content with AI, step by step</a>.
0 commit comments