MiiKiyoshi

HTML MCP Web — Development skill for Claude Code

Development community

Review agent-made slides in the browser and export them to PowerPoint.

How to install HTML MCP Web

This entry records only its repository, not the path inside it, so there is no exact command to give. Open MiiKiyoshi/html-mcp-web and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What HTML MCP Web does

Review agent-made slides in the browser and export them to PowerPoint.

Alternatives in Development

Web Artifacts Builder — Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui 94.1k ★
Frontend Slides Editable — Editable HTML presentation skill for Codex/Claude Code with drag-resize editing, slide reordering, local save/ 466 ★
Art 3D Pass — Review 3D art assets for export conventions, rigs, animation clips, materials, lighting, and LOD compliance 76 ★

README

html-mcp-web

Review an AI agent's HTML slides or report from the rendered page, on a desktop, tablet, or phone, while Claude Code or Codex edits the source. Hand the finished slides over as an editable PowerPoint deck.

⭐ **If this helps your reviews, please give it a star.** It helps others find the project.

**[Slides example](examples/neutral-slides/)**

![A phrase highlighted on a rendered slide, the reviewer's question, and the agent's proposed rewrite of the sentence with Apply suggestion.](docs/hero.png)

**[Report example](examples/neutral-report/)**

![A sentence highlighted on a rendered report page, and the reviewer's question with the agent's answer beside it.](docs/report.png)

What keeps the agent on track

It reads the rules, and reads them again. In Claude Code, html-mcp's tools stay locked until the agent has read the template's rules and the writing guideline in full, and they lock again after every compaction. A long session keeps working from the rules, not from a fading memory of them.
It fixes its own layout. The way a programmer works through compiler errors, the agent checks each page it changes, gets a plain list of layout faults such as text spilling out of its box or a last line left nearly empty, fixes them, and checks again before you look.

Install

Paste this into Claude Code or Codex:

Install html-mcp-web by following https://raw.githubusercontent.com/MiiKiyoshi/html-mcp-web/main/INSTALL.md

The agent checks for Python and Firefox, shows you what it will install, and installs once you agree. Start the agent again afterwards.

Init

Once per folder, start the agent in the folder that holds (or will hold) your artifact and say:

do html init

Choose slides (16:9) or a report (A4). Slides default to the `neutral-slides` template, plain slides without organization marks, and the `neutral-slides` guideline, writing rules the agent follows for