102.3K+Baixar
Ir para o guia de uso
Baoyu Infographicpor Jim Liu (Baoyu)

Baoyu Infographic Skill.

Escolha comparação, hierarquia, processo ou visão geral porque se ajusta ao conteúdo, e não porque todo tema precisa da mesma grade.

  • Infográficos
  • Design de informação
Baixar OpenDesignVer guia de uso
Revisão da fonte · Baoyu InfographicSKILL.md
Tarefa Infográficos Produz • Um plano de conteúdo estruturado com rótulos e dados derivados da fonte • Uma combinação selecionada de layout e estilo, com um prompt salvo • Uma imagem de infográfico gerada na proporção escolhida Antes de começar Um backend de imagem raster disponível, além de referências de layout, estilo e configuração.
Resumo editorial · fonte revisada 2026-10-07 · não é um exemplo gerado

01 Funcionalidades

Combine o layout da infografia com a informação

Um fluxo de planejamento de infográficos e geração raster, com escolhas independentes de layout e estilo e um registro de conteúdo estruturado.

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

A abordagem de trabalho

Baoyu Infographic separa layout de estilo visual. A fonte oferece estruturas para comparações, ciclos, hierarquias, jornadas, relações espaciais e guias densos, e depois as combina com uma direção de renderização. Antes de gerar a imagem, cria um conteúdo estruturado com objetivos de aprendizagem, seções, rótulos e dados da fonte.

O resultado final é uma infografia raster gerada, com um prompt salvo e um registro de análise. É útil para resumos visuais, mas texto e números densos continuam sendo um risco na inspeção: um prompt fiel não prova que a imagem seja fiel. A fonte orienta corrigir por meio de prompts revisados ou layouts com menos texto, sem substituir silenciosamente o texto do bitmap.

Entregas esperadas

  • Um plano de conteúdo estruturado com rótulos e dados derivados da fonte
  • Uma combinação selecionada de layout e estilo, com um prompt salvo
  • Uma imagem de infográfico gerada na proporção escolhida
Ver o briefing de exemplo

Do briefing à revisão

  1. 01
    Estruture os fatos

    Identifique o objetivo de aprendizagem e preserve os valores, a terminologia e as relações fornecidos, sem acrescentar informações não respaldadas.

  2. 02
    Escolha a forma visual

    Compare layouts adequados à estrutura dos dados e selecione um estilo, uma proporção e um idioma compatíveis.

  3. 03
    Renderize e concilie

    Gere a partir do prompt salvo e compare cada rótulo e valor importante com a fonte estruturada antes de aceitar a imagem.

02 Quando usar

Quando usar

Um backend de imagem raster disponível, além de referências de layout, estilo e configuração.

Bom encaixe

  • Resumos visuaisÚtil para uma explicação autônoma de um processo, uma comparação ou um modelo conceitual.
  • Guias ricos em dadosServe para um layout denso e deliberado quando o tamanho de exibição pretendido comporta o texto e os rótulos.

Limites a verificar

  • Não é um gráfico de dados editávelO resultado é uma imagem raster, não um gráfico conectado a uma planilha nem um conjunto de elementos vetoriais editáveis.
  • A geração não verifica os dadosOs valores da fonte precisam ser confiáveis, e a imagem renderizada ainda exige conferência valor por valor.

Traga estes insumos

  • Conteúdo aprovadoForneça os fatos, rótulos e números exatos que a imagem pode conter.
  • Objetivo de leituraExplique o que o público deve entender depois de ver o gráfico.
  • Contexto de exibiçãoEspecifique a proporção, o idioma e o tamanho em que a infografia será lida.

03 Decisões importantes

Decisões importantes

  1. O layout segue as relações

    Um ciclo, uma hierarquia e uma comparação recebem estruturas diferentes, em vez de serem forçados em cartões intercambiáveis.

  2. Conteúdo intermediário estruturado

    O plano de conteúdo fornece uma referência concreta para verificar o que o modelo de imagem realmente renderizou.

04 Exemplo de briefing

Experimente um briefing focado

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

Revise a configuração

Mantenha o conjunto completo de referências e configure o backend de imagem disponível. O resultado gerado deve ser conferido com os dados da fonte.

Arquivo da fonte original
https://github.com/JimLiu/baoyu-skills/blob/1567581c26ec29f4216c6e6835415bf30343b0e3/skills/baoyu-infographic/SKILL.md

Um backend de imagem raster disponível, além de referências de layout, estilo e configuraçã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-infographic para explicar o processo de onboarding em três etapas fornecido. Preserve exatamente todos os nomes e contagens das etapas, proponha duas combinações adequadas de layout e estilo e aguarde confirmação. Salve o conteúdo estruturado e o prompt final e, em seguida, inspecione a imagem gerada em busca de etapas ausentes, números alterados e rótulos ilegíveis. Não acrescente novas estatísticas.

Inspecione o resultado

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

  • O layout selecionado comunica a relação pretendida.
  • Os rótulos e valores renderizados conferem com a fonte aprovada.
  • A infografia permanece legível no tamanho de exibição pretendido.

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 no pacote nem que suas ferramentas externas, credenciais e dependências de software estejam incluídas.

Baixar OpenDesignLer o início 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 do projeto original podem mudar.

Proprietário da fonte
Jim Liu (Baoyu)
Repositório
JimLiu/baoyu-skills
Arquivo da skill
skills/baoyu-infographic/SKILL.md
Licença
MIT
Versão revisada
2026-10-07 · 1567581c26ec
Resumo editorial da fonte
Um fluxo de planejamento de infográficos e geração raster, com escolhas independentes de layout e estilo e um registro de conteúdo estruturado.

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

06 Perguntas antes de começar

Perguntas antes de começar

Posso escolher layout e estilo de forma independente?

Sim. Essa separação é o principal princípio de organização da fonte, sujeita à compatibilidade prática e à legibilidade.

O resultado é um SVG?

Não. Este fluxo renderiza uma imagem de infográfico. Baoyu Diagram é o fluxo separado, voltado a SVG.

E se o conteúdo for denso demais?

Reduza o texto na imagem, mude o layout ou divida a explicação, em vez de aceitar rótulos ilegíveis só porque a geração terminou.

OpenDesign

Abra espaço para a próxima iteração de design.

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

Baixar OpenDesignExplorar skills de design
Arquivo da fonte original
https://github.com/JimLiu/baoyu-skills/blob/1567581c26ec29f4216c6e6835415bf30343b0e3/skills/baoyu-infographic/SKILL.md