<Devsly/>
NotebookLM Watermark Remover
Remove the NotebookLM watermark from PDF slide exports — free, unlimited, and 100% in your browser.
View
NotebookLM Video Watermark Remover
Remove the NotebookLM watermark from every frame of your MP4 and auto-trim the end card — free and unlimited.
View
Gemini Watermark Remover
Remove the Gemini (Veo) sparkle watermark from every frame of your AI-generated MP4 — free and unlimited.
View
MCP https://devsly.io/mcp MCP Tools Best Skills API Docs
Devsly

Keyboard Shortcuts

Navigation

Quick Search
⌘ / Ctrl + K
Toggle Dark Mode
⌘ / Ctrl + D
Close Dialogs
Esc

Tool Actions

Execute / Process
⌘ / Ctrl + Enter
Clear Input
⌘ / Ctrl + Shift + C
Copy Output
⌘ / Ctrl + Shift + X

Editor

Select All
⌘ / Ctrl + A
Undo
⌘ / Ctrl + Z
Redo
⌘ / Ctrl + Shift + Z

Updated 3mo ago

by hirokita117

yaml-to-html-skill

Claude skill that turns documents, PRs, and specs into a single self-contained, interactive HTML explainer

Works with
  • Claude
View on GitHub (opens in a new tab)

79 GitHub stars (79)

Steady at 79 stars — no new stars in the 20 days since Sep 26.

  • 2 skills (2 skills found in its SKILL.md files)
  • 3 forks (3 forks)
  • 3mo ago last update (Last updated 3mo ago)

Install

Skills CLI

npx skills add hirokita117/yaml-to-html-skill

Asks which skills and agents to install. Just one: npx skills add hirokita117/yaml-to-html-skill --skill generate-explainer-html — add -g for every project.

Claude Code

git clone https://github.com/hirokita117/yaml-to-html-skillcp -r "yaml-to-html-skill/skills/generate-explainer-html" ~/.claude/skills/

Copies the generate-explainer-html skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.

Plugin

/plugin marketplace add hirokita117/yaml-to-html-skill

Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.

Skills can run code on your machine — read the SKILL.md first.

What it does

In the author's own words, from each skill's SKILL.md.

  • generate-explainer-html

    turn core.yaml + view.yaml (the explainer's meaning + presentation strategy) — plus quiz.yaml when present — into a self-contained html bundle that helps users understand documents, repositories, pull requests, design notes, or specifications. the bundle has a light/dark shell whose right pane switches between multiple iframe view documents, and copyable prompt templates that ask a local-file-rea…

    skills/generate-explainer-html/SKILL.md on GitHub (opens in a new tab)

  • generate-explainer-yaml

    analyze a document, repository summary, pull request, README, design note, or specification and produce (or refine) the intermediate yaml files that drive the explainer pipeline — core.yaml (the semantic structure / meaning), view.yaml (the presentation strategy for a particular reader), and, by default, quiz.yaml (comprehension-check questions derived from core.yaml; skipped only when the user e…

    skills/generate-explainer-yaml/SKILL.md on GitHub (opens in a new tab)

Review before you install

A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.