To embed an HTML app inside of a document, use the app's folder-local .html path with an iframe block:
<iframe src="./file-index.html"></iframe>
The src must be a relative folder-local .html path from the Markdown File.
Inline Embeds resize to fit their content inside the Markdown File. A full-panel HTML App opened on its own relies on normal iframe scrolling instead.
To author the HTML App itself, see create-html-app.
1---2name: embed-html-app3description: Embed an HTML app4---5# Embed an HTML app67To embed an HTML app inside of a document, use the app's folder-local `.html` path with an iframe block:89```10<iframe src="./file-index.html"></iframe>11```1213The `src` must be a relative folder-local `.html` path from the Markdown File.1415Inline Embeds resize to fit their content inside the Markdown File. A full-panel HTML App opened on its own relies on normal iframe scrolling instead.1617To author the HTML App itself, see `create-html-app`.
Run npx skillmds@latest add bholmesdev/embed-html-app in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
Embed an HTML app It is listed under Web & Frontend on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
bholmesdev (@bholmesdev) published this skill. Their other Agent Skills are listed on their SkillMD profile.
bholmesdev