AILatest-Studio/ailatest-skill

Fluxograma de Processo

Use esta skill para transformar qualquer processo ordenado, estrutura de decisão, cadeia de evidências ou fluxo de trabalho de implementação em um fluxograma claro e pronto para publicação. A imagem de referência fornecida é uma referência de estilo, não um modelo fixo de quatro colunas: escolha o número de etapas e a orientação com base no conteúdo.

Fluxo de Trabalho

1. Definir o contrato semântico

Liste as etapas reais antes de desenhar. Use de duas a seis etapas por padrão; divida uma etapa somente quando ela tiver uma decisão, proprietário, entrada/saída ou tipo de evidência distinto. Mescle etapas quando caixas adjacentes conteriam texto repetitivo.

Escolha a direção de leitura:

• use uma sequência horizontal para 2–6 etapas compactas e páginas largas;
• use uma sequência vertical para rótulos longos, muitas etapas ou páginas estreitas no modo retrato;
• use uma matriz bidimensional apenas quando duas dimensões independentes forem analiticamente necessárias.

Escreva a sequência principal em uma linha, por exemplo:

输入/观察 → 分析/设计 → 执行/交付 → 反馈/复核

Adicione uma faixa de implementação secundária opcional somente quando ela adicionar uma transferência ou ciclo de vida distinto. Alinhe seus rótulos às etapas principais correspondentes; não repita o texto do painel principal.

Defina uma pergunta para cada etapa:

• Que evidência ou entrada inicia o processo?
• Que análise, verificação ou classificação ocorre em seguida?
• Que opções, ações ou decisões vêm depois?
• Como a implementação, entrega, feedback ou revisão é encerrada?

Preserve a terminologia e a lógica causal do usuário. Não invente estatísticas, padrões, custos ou alegações causais para preencher espaço vazio.

2. Estruturar o conteúdo

Use de dois a quatro grupos de conteúdo curtos por etapa. Cada grupo tem:

1. um rótulo curto colorido (negrito);
2. uma linha de explicação concisa;
3. um separador tracejado claro abaixo do grupo quando outro grupo se seguir.

Mantenha todas as etapas na mesma estrutura interna, a menos que o usuário solicite explicitamente um layout de matriz, cartão ou comparação. Não dê a uma etapa cartões internos extras apenas porque ela contém múltiplas opções; use hierarquia de texto e separadores primeiro.

Mantenha as notas explicativas curtas e suaves. Coloque definições, limites de exemplo ou ressalvas na linha de nota, em vez de nos rótulos primários. Mantenha títulos e legendas das figuras no manuscrito quando o documento já os fornecer; não os duplique dentro da imagem.

3. Aplicar o sistema visual

Leia references/style-spec.md para os tokens exatos e regras de adaptação. O estilo de referência usa:

• fundo branco, módulos de etapa iguais, bordas externas cinzas finas;
• uma paleta navy profundo → teal → verde, estendida com tons claros quando mais etapas forem necessárias;
• setas preenchidas escuras entre as etapas;
• um ícone de linha pequeno e branco por etapa, selecionado para corresponder ao significado da etapa;
• sem gradientes, sombras, hachuras, misturas de clip-art ou loops decorativos.

Use um arquivo Microsoft YaHei real sempre que o usuário solicitar Microsoft YaHei. Registre arquivos de fonte regular e negrito explicitamente com Matplotlib FontProperties(fname=...); não confie em pesquisa por nome de família ou negrito sintético. Verifique a fonte no SVG exportado e relate um problema de fonte em vez de substituir silenciosamente por outra fonte CJK.

Use tipografia em negrito para cabeçalhos, rótulos de grupo, explicações primárias, texto de ação e rótulos de ciclo de vida. Use texto regular ou suave apenas para notas secundárias. Mantenha a hierarquia visível através de tamanho, cor e espaçamento, em vez de adicionar bordas desnecessárias.

4. Desenhar deterministicamente

Prefira um fluxo de trabalho reprodutível com Matplotlib/SVG. Comece a partir de scripts/draw_flowchart_template.py, defina orientation e stages, e substitua os rótulos de exemplo pelo conteúdo do usuário. Mantenha os auxiliares separados para:

• geometria das etapas e faixas de cabeçalho;
• ícones de linha do cabeçalho;
• separadores alinhados;
• setas poligonais preenchidas;
• faixa opcional de ciclo de vida/implementação;
• exportação em múltiplos formatos.

Para um layout horizontal de quatro etapas, use a geometria de referência em references/style-spec.md. Para outros números de etapas, calcule larguras de módulo iguais e use as mesmas margens externas, larguras de lacuna, altura do cabeçalho e linhas de base de conteúdo onde os rótulos couberem. Encurte a redação antes de reduzir a tipografia.

Exporte pelo menos PNG a 300 dpi, além de SVG editável e PDF. Defina svg.fonttype = "none" para que o texto permaneça pesquisável/editável quando possível. Incorpore o PNG ou PDF no manuscrito somente após inspecionar a figura independente.

5. QA antes da entrega

Inspecione a figura independente em 100% e, em seguida, inspecione as páginas renderizadas do manuscrito. Confirme todos os seguintes itens:

• o número de etapas escolhido e a direção de leitura são óbvios;
• os cabeçalhos compartilham uma linha de base e altura consistentes dentro do layout escolhido;
• os grupos de texto estão centralizados verticalmente em suas regiões alocadas;
• os separadores tracejados usam um padrão de traço, espessura de linha, cor, recuo e lacunas balanceadas;
• todas as etapas usam a mesma política de cartão interno;
• as setas preenchidas estão nas lacunas, não tocam nas bordas e apontam na direção pretendida;
• os rótulos inferiores opcionais estão alinhados com suas etapas pai e são grandes o suficiente;
• os ícones compartilham espessura de traço, cor, escala e alinhamento óptico;
• nenhum texto toca um cabeçalho colorido, separador, borda externa ou barra de saída;
• nenhum rótulo quebra ou é cortado após o dimensionamento do manuscrito;
• a sequência de número/legenda da figura permanece inalterada após a incorporação;
• o SVG exportado contém Microsoft YaHei regular/negrito em vez de uma fonte substituta indesejada.

Para entrega em DOCX, use o loop de renderizar → inspecionar cada página da skill de renderização de documento. Re-renderize após cada alteração de geometria ou fonte. Preserve o manuscrito original e escreva o arquivo revisado em um novo caminho de saída.

Exemplo visual

A imagem anexada em assets/research-evidence-flow.png é um exemplo reconstruído de uma cadeia de evidências de pesquisa de cinco etapas. É conteúdo de demonstração sintético, não uma figura fornecida pelo usuário ou dados de projeto.

Exemplos de invocação

• "Use $draw-process-flowchart para transformar este método de pesquisa em uma figura de periódico de cinco etapas."
• "Use $draw-process-flowchart para redesenhar este fluxo de trabalho verticalmente com as mesmas cores, setas, ícones e tipografia Microsoft YaHei."
• "Use $draw-process-flowchart para padronizar este diagrama de comparação de duas etapas e exportar PNG/SVG/PDF."