Skip to content
Development
Skill

/online-doc-html

Export Markdown files to paste-friendly standalone HTML for online document editors. Use when the user wants to copy local Markdown content into an online document, reduce manual formatting work, preserve tables/code blocks/headings, convert SVG diagrams to PNG, embed images

BOOST
@codingsamsscodingsamss@codingsamss
From plugin
all-my-ai-needs
1423 skills

Claude Code

$ npx -y skills add codingSamss/all-my-ai-needs --skill online-doc-html --agent claude-code

SKILL.md

online-doc-html.SKILL.md
name: online-doc-html
description: Export Markdown files to paste-friendly standalone HTML for online document editors. Use when the user wants to copy local Markdown content into an online document, reduce manual formatting work, preserve tables/code blocks/headings, convert SVG diagrams to PNG, embed images into HTML, or says "在线文档", "粘贴到在线文档", "Markdown 转 HTML", "图片复制不过去", "导出在线文档 HTML".

Online Doc HTML

Overview

Use this skill to turn local Markdown into standalone HTML that can be opened in a browser, selected, copied, and pasted into online document editors with less formatting cleanup.

The default output is HTML only. Do not generate DOCX unless the user explicitly asks for it.

Workflow

1. Identify the Markdown files the user wants to sync or copy. 2. Prefer a repo-local export script if one already exists and is clearly maintained for that repo. 3. Otherwise run the bundled script:

~/.claude/skills/online-doc-html/scripts/export_online_doc_html.sh --out build/online-doc-html <file1.md> <file2.md>

4. Open the generated HTML file in a browser, select the article body, copy it, and paste into the online document editor. 5. If images still fail to paste, treat it as an online editor clipboard/upload limitation. The next step is browser automation to insert or upload images, not more HTML tuning.

Bundled Script

Use `scripts/export_online_doc_html.sh`.

Behavior:

  • Converts each Markdown file to standalone HTML via `pandoc`.
  • Converts referenced `.svg` images to `.png` with `rsvg-convert` before HTML export.
  • Embeds images and CSS into the generated HTML with `pandoc --embed-resources`.
  • Writes output to `build/online-doc-html` by default.
  • Generates `targets.tsv` with source Markdown and output HTML paths.
  • Removes stale DOCX files from the output directory because DOCX is not the default path.

Dependencies:

  • Required: `pandoc`.
  • Required for SVG diagrams: `rsvg-convert` from `librsvg`.

On macOS:

brew install pandoc librsvg

Output Guidance

Tell the user:

  • Which HTML files were generated.
  • Whether SVG references were fully replaced by PNG images.
  • Whether any image references could not be resolved.
  • That no online document was modified unless browser automation or API update was explicitly requested and confirmed.

Guardrails

  • Do not overwrite or save online documents without explicit user confirmation.
  • Do not reverse-engineer private save APIs as the first approach. Prefer paste-friendly HTML first.
  • Keep generated artifacts in ignored build/output directories when working inside a repo.
Read more
Read it on GitHub ↗
Stats
PythonJavaScriptReactVueSvelteHTMLLinuxGitGitHubMarkdownAnthropicObsidian
14
Stars
2
Forks
Active
Maintenance
Python
Language
Last commit
Created

Repo: codingSamss/all-my-ai-needs

In this plugin
23 skills
See everything inside
@codingsamss
Ships withall-my-ai-needs

跨 Claude Code 与 Codex 两套 agent 的 skill 真源，以及点名安装的 Claude Mods 来源与迁移约定。写入由 agent 执行，人只审校与决策。 把 Claude Code 与 Codex 的可复用能力收敛到一个仓库，按 platform-first 维护：每个平台独立持有自己的 skills/ 与运行约定，同名 skill 允许在两端并存，不强行抽象去重。 仓库要解决的是多端 AI 配置的漂移——GitHub 仓库、本地工作区、本地 CLI

1423 skills
Get the whole plugin

Stars on GitHub

Momentum

stars in total
14
Star history of codingSamss/all-my-ai-needs on GitHub, a chart by star-history.com
See what's trending this week

Other skills on all-my-ai-needs.

aihot

aihot

查询 AIHOT（aihot.news）的中文 AI 资讯。用户问今天或最近 AI 圈发生了什么、AI 新闻和 AI 日报、大模型与 AI 产品发布、OpenAI／Anthropic／Google 等公司或某个 AI 话题的最新消息、当前最热的 AI…

all-my-ai-needs
@codingsamss@codingsamssInstall Skill
apifox-cli

apifox-cli

通过 Apifox CLI 管理 Apifox 项目资源。触发场景：运行接口自动化测试/测试套件，查询/创建/更新/删除接口、环境、Schema、Mock、分支等项目资源，导入导出 API 文档，查看测试报告，管理 Runner、定时任务、通知等 CI/CD…

all-my-ai-needs
@codingsamss@codingsamssInstall Skill
apifox-test-case

apifox-test-case

Apifox 接口测试用例：test-case 与 test-data 的查询、创建、更新、删除、分类和运行；处理测试步骤、断言、提取变量、前后置处理器、数据集，以及“CLI 创建后前端测试步骤无法展示”等问题。

all-my-ai-needs
@codingsamss@codingsamssInstall Skill
bilibili

bilibili

Read Bilibili (B站) content. Actions: search videos, view hot/rank feeds, read video details, prepare audio, and read subtitles…

all-my-ai-needs
@codingsamss@codingsamssInstall Skill
See all 23 skills in all-my-ai-needs

More skills from other plugins.

brainstorming
Auto-invoked

brainstorming

You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…

superpowers2w311k
@obra@obraInstall Skill
ask-matt

ask-matt

Ask which skill or flow fits your situation. A router over the skills in this repo.

skills2w309k
@mattpocock@mattpocockInstall Skill
accessibility
Auto-invoked

accessibility

Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels,…

ecc2w293k
@affaan-m@affaan-mInstall Skill
compiler-commit

compiler-commit

Use when you want to verify compiler changes and commit with the correct convention. Runs tests, lint, and format, then commits…

react5d252k
@facebook@facebookInstall Skill

Questions about online-doc-html.

Which coding agents can use online-doc-html?
online-doc-html installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.