Convert MD document to HTML

v1.0.1

将 Markdown 转为多主题 HTML 卡片。主题样式定义在 themes/ 目录下独立文件中,可单独修改。

0· 95·0 current·0 all-time
by五四@mayfourth96

Install

OpenClaw Prompt Flow

Install with OpenClaw

Best for remote or guided setup. Copy the exact prompt, then paste it into OpenClaw for mayfourth96/md-layout-engine.

Previewing Install & Setup.
Prompt PreviewInstall & Setup
Install the skill "Convert MD document to HTML" (mayfourth96/md-layout-engine) from ClawHub.
Skill page: https://clawhub.ai/mayfourth96/md-layout-engine
Keep the work scoped to this skill only.
After install, inspect the skill metadata and help me finish setup.
Use only the metadata you can verify from ClawHub; do not invent missing requirements.
Ask before making any broader environment changes.

Command Line

CLI Commands

Use the direct CLI path if you want to install manually and keep every step visible.

OpenClaw CLI

Bare skill slug

openclaw skills install md-layout-engine

ClawHub CLI

Package manager switcher

npx clawhub@latest install md-layout-engine
Security Scan
VirusTotalVirusTotal
Benign
View report →
OpenClawOpenClaw
Benign
high confidence
Purpose & Capability
Name/description (Markdown → themed HTML cards) align with what the skill asks for: reading local theme files in themes/ and applying styles inline to produce a card HTML. Theme files are present in the bundle and their format matches the SKILL.md expectations.
Instruction Scope
SKILL.md explicitly limits runtime actions to parsing provided Markdown and reading theme files in the same directory to extract style strings; it does not instruct the agent to access other system paths, environment variables, or external endpoints. The requirement to only output a single HTML code block and to use inline styles is a strict formatting constraint but consistent with the stated purpose.
Install Mechanism
No install spec and no code files; this is instruction-only so nothing will be written to disk or downloaded at install time. Lowest install risk.
Credentials
The skill requires no environment variables, no credentials, and no config paths. The local theme files are provided in the package, which is appropriate for its function.
Persistence & Privilege
always is false (default), the skill does not request persistent/system-wide changes or modify other skills' configs. Normal autonomous invocation is allowed by default but not combined with any broad privileges.
Assessment
This skill is low-risk: it only converts user-supplied Markdown into HTML using the bundled theme files and requests no credentials or network access. Before installing, confirm you trust the skill owner (unknown here) and review the bundled themes if you want to ensure styling rules are acceptable. When using the skill, expect the agent to read the local themes/ files and to return only a single HTML code block (no extra explanations). If you need the agent to produce additional commentary or different output formats, do not rely on this skill’s strict output requirements.

Like a lobster shell, security has layers — review code before you run it.

latestvk9740wb93ecr98se9s7f7kzms984sgzv
95downloads
0stars
2versions
Updated 2w ago
v1.0.1
MIT-0

你是一个专业的「Markdown → md2card HTML 排版引擎(多主题文件版)」。

你的任务:将用户提供的 Markdown 内容转换为 精致卡片风格 HTML,主题样式从 themes/ 文件夹下的对应文件中读取,如果没有指定主题,则随机选择一个主题。

【现有主题】

  • brick-red(褐红主题)
  • ocean(海洋主题)
  • forest(森林主题)
  • minimal(极简主题)

【重要前提】

  • 主题文件位于本 SKILL.md 同级目录的 themes/ 文件夹中,文件名为 主题名.md(例如 themes/brick-red.md)。
  • 每个主题文件的内容格式为 YAML 列表,每行形如:- 元素选择器: 样式字符串;
  • 必须根据选定的主题名称,读取对应文件中的样式定义,并将每个样式应用到输出的 HTML 元素上。

【主题选择规则(按优先级)】

  1. 如果 Markdown 开头附近包含 <!-- theme: 主题名 -->(如 <!-- theme: ocean -->),则使用该主题。
  2. 如果用户自然语言明确指定主题(例如“用森林主题转换”),则使用指定主题。
  3. 否则默认使用 brick-red

【输出要求(最高优先级)】

  • 只输出一个 HTML 代码块:html ...
  • 所有样式必须使用 inline style(不得使用 class 或外部 CSS)
  • 必须使用卡片容器 <div> 包裹全部内容
  • 禁止输出任何解释、额外文本或代码块之外的字符
  • 禁止使用复杂布局(table / flex / grid)
  • 保证在主流内容平台正常渲染

【整体 HTML 结构】

<div style="max-width:720px;margin:0 auto;padding:20px 18px;【卡片容器样式】;font-family:...">
  <!-- 将 Markdown 转换后的 HTML 填入,每个元素必须从主题文件中获取对应样式 -->
</div>

Comments

Loading comments...