106.9K+Baixar
Ir para o guia de uso
Baoyu Markdown to HTMLpor jimliu

Baoyu Markdown to HTML Skill.

Converta Markdown em HTML estilizado para publicar artigos.

  • Markdown
  • Formatação de artigos
Baixar OpenDesignVer guia de uso
Análise do arquivo-fonte · baoyu-markdown-to-htmlSKILL.md
Tarefa Converta Markdown em HTML estilizado para publicar artigos. Resultados Um arquivo HTML com tema e CSS inline. Antes de começar A skill cria HTML; publicar o artigo é uma ação separada.
Resumo editorial · fonte revisada em 2026-11-02 · não é um exemplo gerado

01 Funcionalidades

Converta Markdown em HTML estilizado para publicar artigos

Converta Markdown em HTML com tema e CSS inline, código, diagramas e citações opcionais de links externos para fluxos de artigos no WeChat.

Fluxo de trabalho baseado na fonteNão é um benchmark de execução

A abordagem de trabalho

Baoyu Markdown to HTML converte um artigo em HTML estilizado com CSS inline, otimizado para fluxos de trabalho de Contas Oficiais do WeChat. Oferece opções de tema e tipografia, além de destaque de código, notas de rodapé, alertas e diagramas. O HTML convertido é salvo ao lado do Markdown original; se já houver um HTML de saída, ele recebe um backup com data e hora.

A skill também cuida de detalhes de publicação que afetam o artigo final. O primeiro título é removido por padrão, a menos que keep-title esteja ativado, e os links externos só se tornam citações no fim do artigo quando isso é solicitado explicitamente. Diagramas Mermaid são renderizados pelo navegador como imagens PNG em cache, com alternativa em texto quando a renderização não está disponível.

Entregas esperadas

  • Um arquivo HTML com tema e CSS inline.
  • Informações sobre imagens geradas ou referenciadas, incluindo imagens PNG de Mermaid quando a renderização é bem-sucedida.
  • Um resultado estruturado com o caminho do HTML e o caminho de eventual backup.
Ver o briefing de exemplo

Do briefing à revisão

  1. 01
    Defina a apresentação do artigo

    Leia as escolhas explícitas de tema e as preferências de EXTEND.md. Se a entrada contiver texto CJK e baoyu-format-markdown estiver disponível, ofereça essa etapa separada de formatação antes da conversão.

  2. 02
    Escolha o tratamento de citações e título

    Mantenha as citações de links externos desativadas, salvo solicitação. Decida se o título inicial deve permanecer no corpo do artigo.

  3. 03
    Converta o conteúdo e os diagramas

    Execute o conversor main.ts incluído por meio do Bun ou da alternativa documentada via npx, com as opções de apresentação selecionadas. Quando disponível, Mermaid usa renderização de PNG pelo navegador e cache.

  4. 04
    Inspecione o resultado para publicação

    Abra o HTML, confira os diagramas e informe os caminhos resultantes. Distinga imagens geradas com sucesso de marcação Mermaid exibida como alternativa.

02 Quando usar

Quando usar

A skill cria HTML; publicar o artigo é uma ação separada.

Bom encaixe

  • Exportação de artigos formatadosUm artigo em Markdown precisa de HTML com CSS inline para um fluxo de publicação.
  • Formatação para WeChatO conteúdo exige temas compatíveis e, opcionalmente, referências externas reunidas.

Limites a verificar

  • Escopo da conversãoA skill cria HTML; publicar o artigo é uma ação separada.
  • Diagramas dependentes de navegadorA renderização de Mermaid em PNG requer Chrome, Chromium ou Edge.
  • Conversão bem-sucedida com alternativa em textoA conversão pode terminar com sucesso mesmo que um diagrama permaneça como marcação alternativa; por isso, inspecione o resultado.

Traga estas entradas

  • Markdown de origemForneça o artigo e as imagens locais que ele referencia.
  • Escolhas de apresentaçãoSelecione um tema e, se desejar, substitua a cor, a fonte ou o título.
  • Comportamento para publicaçãoEspecifique o modo de citação, a manutenção do título e as necessidades de diagramas.

03 Decisões importantes

Decisões que fazem a diferença

  1. Estilo pronto para artigos

    O CSS inline leva o tema selecionado para o documento exportado.

  2. Tratamento explícito de links

    As citações no fim do artigo são opcionais e precisam ser ativadas, com exceções documentadas para WeChat e URLs sem texto de link.

  3. Saída recuperável

    O HTML existente recebe um backup com data e hora antes de ser substituído.

04 Exemplo de briefing

Experimente um briefing específico

O briefing de exemplo abaixo não foi testado. Verifique a configuração da skill antes de usá-lo.

Revise a fonte e a configuração

Forneça o artigo e as imagens locais que ele referencia.

Arquivo-fonte original
https://github.com/jimliu/baoyu-skills/blob/0a27d7d40e79cfe42334e2e9130a1e41a499ca54/skills/baoyu-markdown-to-html/SKILL.md

A referência abaixo abre as instruções originais. Revise a configuração do repositório antes de usá-las; não se trata de um comando de instalação.

Comece com uma única entrega

Adapte o escopo, o material de origem e as restrições deste briefing antes de executar a skill.

Briefing de exemplo
Use baoyu-markdown-to-html para converter o artigo fornecido com o tema simple e a cor de destaque escolhida. Preserve o primeiro título e ative as citações no fim do artigo para links externos comuns. Mantenha o Markdown de origem inalterado. O artigo inclui dois diagramas Mermaid; tente renderizá-los em PNG e verifique se a saída contém imagens utilizáveis ou marcação alternativa. Informe o caminho do HTML, o caminho de eventual backup e as imagens de diagramas geradas. Não publique o artigo. Sinalize formatação não suportada ou imagens locais ausentes que exijam atenção antes de o artigo entrar no fluxo de publicação.

Inspecione o resultado

Compare o resultado real com estes critérios observáveis.

  • O HTML reflete o tema e o tratamento do título solicitados.
  • Os diagramas são inspecionados, não presumidos corretos apenas porque a conversão terminou com sucesso.
  • Os caminhos de saída e backup são informados com precisão.

OpenDesign oferece um espaço de trabalho de design local para agentes de programação. Esta listagem não significa que a skill esteja incluída nem que suas ferramentas externas, credenciais e dependências de software estejam incluídas.

Baixar OpenDesignLer o guia rápido

05 Fonte e licença

Fonte e licença

Esta página descreve a revisão fixada da fonte vinculada abaixo. O comportamento e os requisitos upstream podem mudar.

Responsável pela fonte
jimliu
Repositório
jimliu/baoyu-skills
Arquivo da skill
SKILL.md
Licença
MIT
Versão revisada
2026-11-02 · 0a27d7d40e79

Notas de leitura

  1. Escopo da licençaO texto de LICENSE do repositório na revisão fixada foi verificado; o inventário completo de nomes de arquivos do arquivo compactado não encontrou um LICENSE/COPYING/NOTICE mais específico sob o caminho desta skill. A classificação se refere à fonte original revisada, não às saídas geradas nem às dependências de terceiros. O README especifica MIT para o repositório GitHub, salvo indicação em contrário, enquanto as distribuições publicadas no ClawHub usam MIT-0; esta entrada classifica a fonte do GitHub na revisão fixada. O código relacionado do conversor em packages/baoyu-md/src/LICENSE contém um aviso de WTFPL Version 2 para código adaptado de doocs/md. Não classifique todo o conjunto de dependências como uniformemente MIT.
Resumo editorial da fonte
Converta Markdown em HTML estilizado para publicar artigos.

Resumo original de OpenDesign, baseado na fonte vinculada. As estrelas do repositório são um sinal de popularidade datado, não uso da skill nem nota de qualidade.

06 Perguntas antes de começar

Perguntas antes de começar

Os links externos são sempre movidos para o fim do artigo?

Não. O modo de citação fica desativado por padrão e só é ativado mediante solicitação explícita.

O que acontece se a renderização de Mermaid falhar?

O conversor pode usar marcação Mermaid pré-formatada como alternativa, enquanto a conversão geral termina com sucesso.

A skill substitui um HTML existente?

A fonte informa que primeiro cria um backup com data e hora e relata seu caminho.

OpenDesign

Mantenha seu briefing e seu trabalho de design juntos.

Mantenha seu briefing, o material de origem e o trabalho de design juntos em um espaço de trabalho local. Verifique a configuração da própria skill antes de adicioná-la ao seu fluxo de trabalho.

Baixar OpenDesignExplorar skills de design
Arquivo-fonte original
https://github.com/jimliu/baoyu-skills/blob/0a27d7d40e79cfe42334e2e9130a1e41a499ca54/skills/baoyu-markdown-to-html/SKILL.md