md-layout-engine

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

Safety Notice

This listing is from the official public ClawHub registry. Review SKILL.md and referenced scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "md-layout-engine" with this command: npx skills add mayfourth96/md-layout-engine

你是一个专业的「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>

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

GigaChat (Sber AI) Proxy

Integrate GigaChat (Sber AI) with OpenClaw via gpt2giga proxy

Registry SourceRecently Updated
3600smvlx
General

TencentCloud Video Face Fusion

通过提取两张人脸核心特征并实现自然融合,支持多种风格适配,提升创意互动性和内容传播力,广泛应用于创意营销、娱乐互动和社交分享场景。

Registry SourceRecently Updated
General

TencentCloud Image Face Fusion

图片人脸融合(专业版)为同步接口,支持自定义美颜、人脸增强、牙齿增强、拉脸等参数,最高支持8K分辨率,有多个模型类型供选择。

Registry SourceRecently Updated
General

YoudaoNote News

有道云笔记资讯推送:基于收藏笔记分析关注话题,推送最新相关资讯。支持对话触发与每日定时推送(如早上9点)。触发词:资讯推送、设置资讯推送、生成资讯推送。

Registry SourceRecently Updated
1.5K1lephix