Arte da caixa Sereia para Unicode (grok-sereia)

Arte da caixa Sereia para Unicode (grok-sereia)


Ao explorar a base de código do agente de codificação Grok CLI de código aberto, me deparei com xai-grok-markdown/src/mermaid.rs, um “renderizador de terminal independente para diagramas Mermaid” escrito em Rust.

Achei que seria divertido experimentar isso em um navegador via WebAssembly. Aqui está o prompt que executei no Claude Code para web (Fable 5), e é assim que a ferramenta resultante se parece:

Captura de tela de um editor de diagramas Mermaid mostrando o código-fonte e o fluxograma renderizado. O código diz: gráfico TD Start(Solicitação recebida) --> Auth{Autenticado?} Auth –>|yes| Rate{Limite de taxa OK?} Auth –>|no| Taxa R401 (401 não autorizada) –>|sim| H(Tratar solicitação) Taxa –>|não| R429(429 Muitas solicitações) H —> Log(Registro de auditoria) H ==> Resp(200 OK). Abaixo do código estão os controles rotulados Largura máxima: Ajustar painel de saída, Copiar como texto e Copiar link para este diagrama. O fluxograma renderizado em um fundo escuro flui de cima para baixo: A solicitação recebida leva a Autenticado?, que ramifica sim para Limite de taxa OK? e não para 401 Não autorizado. Limite de taxa OK? ramifica sim para lidar com solicitação e não para 429 solicitações demais. A solicitação de tratamento se conecta com uma seta pontilhada ao log de auditoria e uma seta grossa a 200 OK.” src=”https://static.simonwillison.net/static/2026/grok-mermaid-wasm.png”/></p>
</div>
<div class='code-block code-block-2' style='margin: 8px auto; text-align: center; display: block; clear: both;'>
<script type= atOptions = { 'key' : '9a05bd4dc1226da99f4238dd1250ff7b', 'format' : 'iframe', 'height' : 250, 'width' : 300, 'params' : {} };



Source link

Postagens Similares

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *