Turn Markdown or raw content into agent-generated HTML artifacts with HTML Anything
Run a local agentic HTML editor that detects coding-agent CLIs, streams generated HTML into a sandboxed preview, and exports pages, decks, posters, reports, and social assets.
npx skills add agentskillexchange/skills --skill turn-markdown-or-raw-content-into-agent-generated-html-artifacts-with-html-anything
pnpm install, start the app with pnpm -F @html-anything/next dev, then choose a template and generate through a locally authenticated agent CLI.Use HTML Anything when the operator workflow is to convert raw content into polished HTML artifacts with a local coding agent. The app detects installed agent CLIs, lets the user choose from documented skill templates, streams the agent output into a sandboxed iframe preview, and exports reviewable HTML or image-ready outputs for pages, decks, posters, reports, social cards, and motion frames. A user should invoke it instead of using an editor or design product normally when they want their existing logged-in local agent to generate, revise, preview, interrupt, and export the artifact without handing over API keys. The scope boundary is local agent-driven HTML artifact production and preview. It is not a generic Next.js app, broad design system, or plain template catalog.
What this skill actually does
Inputs and prerequisites: Node.js, pnpm, a logged-in supported agent CLI such as Claude Code, Codex, Cursor Agent, Gemini CLI, OpenCode, GitHub Copilot CLI, Qwen Coder, or Aider.
Setup notes: Clone https://github.com/nexu-io/html-anything, run pnpm install , start the app with pnpm -F @html-anything/next dev , then choose a template and generate through a locally authenticated agent CLI.
Source and verification boundary: use https://open-design.ai/html-anything/ as the canonical reference before running the workflow; keep commands, API calls, CLI usage, and generated outputs reviewable against that upstream source.
Framework fit: publish this as a Multi-Framework workflow only when the operator can invoke the documented toolchain directly, rather than treating the upstream project as a generic product listing.