analyze a document, repository summary, pull request, README, design note, or specification and produce (or refine) the two intermediate yaml files that drive the explainer pipeline — core.yaml (the semantic structure / meaning) and view.yaml (the presentation strategy for a particular reader). use when the user wants to capture what a target means and how to show it before generating an html explainer, or wants to edit/reshape an existing core.yaml / view.yaml. the generate-explainer-html skill then turns these yaml files into a switchable, light/dark html bundle.
How this skill is triggered — by the user, by Claude, or both
Slash command
/yaml-to-html:generate-explainer-yamlThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Turn an understanding target — a pasted document, repository summary, PR/diff summary,
Turn an understanding target — a pasted document, repository summary, PR/diff summary, README, design note, or spec — into the two intermediate YAML files that the explainer pipeline runs on:
core.yaml — the semantic structure of the target (meaning, not UI): concepts,
relations, importance, difficulty, confidence, questions, risks, source refs.view.yaml — how to present it to this particular reader: audience, preferred and
avoided forms, density, tone, emphasis, generation policy.This skill is the first half of the pipeline. It does not produce HTML. Once the YAML
pair exists, the generate-explainer-html skill reads it (by absolute path) and builds
a switchable, light/dark HTML view bundle.
Input (document / repo summary / PR diff / README / design doc / any technical text)
↓ analyze (this skill)
core.yaml (concepts, relations, importance, difficulty, evidence, source refs)
view.yaml (audience, preferred/avoided forms, density, emphasis)
↓ design + generate (generate-explainer-html skill)
HTML bundle (index.html + switchable iframe views)
core.yaml + view.yaml from a fresh input.core.yaml / view.yaml (add a concept, fix a relation,
re-target view.yaml at a different audience, adjust emphasis, tidy the structure).Write the files to a stable directory whose path will persist — most naturally the
bundle directory the HTML skill will build into (e.g. ./explainer-bundle/core.yaml and
./explainer-bundle/view.yaml), or a project folder the user keeps. The HTML skill copies
them into the bundle and embeds their absolute path into the regeneration prompts, so a
local-file-reading AI can re-read them later. Do not use a throwaway temp path.
Read the input. Take whatever the user pasted or pointed at. Identify the target type (document / repository / pull_request / design_note / spec).
Author core.yaml. Capture the meaning: concepts (with importance, difficulty,
confidence), relations, questions, risks, and source_refs. Keep it compact — compress
to what matters; do not transcribe the source. Lower confidence and add a question
when unsure; do not invent facts. Schema: references/core-yaml-schema.md. Example:
references/sample-core.yaml.
Author view.yaml. Decide how to present it to this reader: audience
role/familiarity, preferred and avoided forms, density, tone, what to emphasize, and the
html_generation_policy. If the user did not say, infer a sensible strategy and state
the assumption. Schema: references/view-yaml-schema.md. Example:
references/sample-view.yaml.
Write both files to the stable directory and tell the user their absolute paths,
so they can hand those paths to generate-explainer-html.
(Refine mode) When editing existing YAML, read the current file first, make the
smallest change that satisfies the request, keep id values stable (relations,
questions, and risks point at concept ids), and preserve the schema version.
After writing the YAML, the next step is the generate-explainer-html skill:
generate-explainer-html を使って、
--core /abs/path/core.yaml --view /abs/path/view.yaml
からビュー付きの HTML バンドルを作ってください。
core.yaml be re-targeted at a new
audience just by changing view.yaml.http:// / https:// string. Treat any url in a source_ref as a
label, not a live link — prefer path / title / excerpt, and drop the scheme if you
must record a URL. See the "URLs" note in references/core-yaml-schema.md.references/core-yaml-schema.md — meaning structure schema (core/v1)references/view-yaml-schema.md — presentation strategy schema (view/v1)references/sample-core.yaml — worked core.yaml (a PR)references/sample-view.yaml — worked view.yaml (engineer reviewing the PR)references/examples.md — three worked intents (engineer / PdM / beginner)agents/openai.yaml — portable description of this skill for non-Claude agentsFetches up-to-date documentation from Context7 for libraries and frameworks like React, Next.js, Prisma. Use for setup questions, API references, and code examples.
Applies a firm's KYC/AML rules grid to parsed onboarding records: assigns risk rating, checks required documents, outputs rule outcomes with citations, and routes for escalation.
Generates daily or weekly digests of activity from connected sources (chat, email, docs, tasks, CRM), highlighting action items, decisions, mentions, and project updates.
npx claudepluginhub hirokita117/yaml-to-html-skill --plugin yaml-to-html