mylesmcook/explainer
v1.6.0MIT AND OFL-1.1
Turn "how does X work?" into an interactive, step-by-step explainer page with an animated diagram, lessons and a message inspector that says what each message does and why.
commands
- node
scripts
- explainer
- build.mjs
- kit.mjs
- mcp.mjs
- schema-keys.mjs
- src/explainer.js
- viewer.mjs
plugin.json
- name
- explainer
- version
- 1.6.0
- description
- Turn "how does X work?" into an interactive, step-by-step explainer page with an animated diagram, lessons and a message inspector that says what each message does and why.
- author
- Myles Cookhttps://github.com/MylesMCook
- license
- MIT AND OFL-1.1
- extensions
- com.openai
mcp.json
- explainerstdionode ./skills/explainer/mcp.mjs
{
"$schema": "https://agent-plugins.org/schemas/1.0.0/plugin.schema.json",
"name": "explainer",
"version": "1.6.0",
"description": "Turn \"how does X work?\" into an interactive, step-by-step explainer page with an animated diagram, lessons and a message inspector that says what each message does and why.",
"author": {
"name": "Myles Cook",
"url": "https://github.com/MylesMCook"
},
"homepage": "https://github.com/MylesMCook/mcook-plugins/tree/main/explainer",
"repository": "https://github.com/MylesMCook/mcook-plugins",
"license": "MIT AND OFL-1.1",
"keywords": [
"agent-plugins",
"explainer",
"diagrams",
"documentation",
"mcp"
],
"extensions": {
"com.openai": {
"interface": {
"displayName": "Explainer",
"shortDescription": "Interactive, step-by-step explainers of how things work.",
"longDescription": "Ask how a system, protocol, process or incident works and get one self-contained HTML page: the parts drawn as isometric icons, the messages between them played step by step, and every message open to inspect. A checker enforces plain writing, accurate labels and a consistent template; topics are saved so pages can be revised later.",
"developerName": "Myles Cook",
"category": "Productivity",
"capabilities": [
"Read",
"Write"
],
"websiteURL": "https://github.com/MylesMCook/mcook-plugins/tree/main/explainer",
"defaultPrompt": [
"Explain how OAuth sign-in works, as an explainer.",
"Turn this incident write-up into an explainer I can step through.",
"Make an explainer of how our deploy pipeline works from these files."
],
"brandColor": "#191615",
"screenshots": []
}
}
}
}
What else this package ships
These files come with the package and this site does not publish them. They are listed so you know what is there before you install it.
- 6JavaScript files
- 6JSON files
- 2text files
- openai.yaml
- 5fonts
- 3other files
Client extensions
Data this package carries for particular clients. The directory lists the clients named and never reads what is addressed to them.
- com.openai