Pele renderiza sintaxe Mermaid em SVG com zero dependências, tamanho de bundle 6× menor e até 500× mais rápido que Mermaid.js. Suporta todos os tipos de diagrama do Mermaid 12.1.0 e permite tematização em tempo real via variáveis CSS sem re-renderizar. Os usuários podem personalizar cores, fontes e superfícies usando propriedades como --pele-bg, --pele-fg e --pele-line.
A ferramenta adapta o layout para telas menores e escala diagramas de forma responsiva. Pele foi desenhado para integração perfeita: importe a função render, passe a sintaxe Mermaid e insira o SVG retornado no DOM. É de código aberto, originalmente desenvolvido para Obsidian para permitir renderização rápida de diagramas combinada com o tema, e recebeu o nome de Pele, a deusa havaiana de vulcões e fogo.
Fonte: Hacker News · Resumido por HeadlinesBriefing