CommunityImagemgithub.com

aibex-aios/schautafel

Cria um quadro explicativo: um gráfico-resumo sobre um ou mais tópicos com banner principal, blocos e rodapé, em um dos doze estilos (neo, classic, sepia, atlas, photo, sketch, toy, coach, glass, origami, lotus, messing) e matriz de blocos livre. Planeja o quadro como um esboço, escreve um memo de prompt e gera a imagem através do skill image-generation do Codex, salvando em @Image/ e verificando. Use para: "Faça um quadro sobre…", "Quadro sobre…".

O que é schautafel?

O skill **Schautafel** (Quadro Explicativo) permite que você crie um gráfico-resumo visualmente rico, composto por um banner principal, blocos temáticos e um rodapé, tudo em um dos doze estilos predefinidos. Ele é ideal para apresentar conceitos, processos ou comparações de forma clara e atraente. O skill funciona em três etapas principais: primeiro, você fornece os tópicos e define o estilo, a matriz de blocos e o formato; em seguida, o skill elabora um esboço detalhado com títulos e pontos-chave para sua aprovação; por fim, ele gera um prompt-memo e delega a criação da imagem ao skill `image-generation` do Codex, que armazena o resultado em `@Image/` e permite verificação e ajustes. Ele suporta os estilos neo, classic, sepia, atlas, photo, sketch, toy, coach, glass, origami, lotus e messing, cada um com descrição, palavras-chave e formato específicos. A matriz de blocos pode variar de 1 a 4 linhas e colunas, totalizando de 2 a 12 blocos. O skill também permite definir o setor (para imagens temáticas) e o modo "direto" (sem confirmação do esboço). É fundamental ter um projeto AIOS com a pasta `@/` configurada, pois os prompts e imagens são salvos em `@Prompt/` e `@Image/`. Se a pasta não existir, o skill sugere inicializar o projeto com `/aios-init`. O skill é executado em ambientes como Claude Code, Cursor e Codex, e depende do skill `image-generation` para a renderização final.

Funciona com✓Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/aibex-aios/skill-schautafel/tree/HEAD/skills/schautafel

Installed? Explore more Imagem skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Schautafel (Quadro Explicativo)

Este skill planeja com o usuário um quadro explicativo e escreve um memo de prompt. A geração, armazenamento, verificação e commit são realizados pelo skill image-generation.

Termos

  • Projeto <P>: a pasta de trabalho da sessão, se tiver uma subpasta @/.
  • Pasta do skill: a pasta deste skill ("Base directory for this skill"). Nela estão stile.md (catálogo) e stile/<estilo>.jpg (modelos de estilo).
  • Pasta image-generation: <Skill-Ordner>/../image-generation; nela estão prompt-memo.md (formato do memo de prompt) e scripts/image_generation.py.
  • Bloco: um bloco temático do quadro; campo, célula e elemento significam a mesma coisa.
  • Matriz de blocos: disposição dos blocos, lida como linhas × colunas.
  • Cartões / Estações: como os blocos aparecem na imagem, conforme o estilo em stile.md (coluna Blocos).

Leia stile.md sempre que precisar de um estilo (consulta de estilo, escolha automática, prompt).

1. Determinar a entrada

Consulta de estilo ("Quais estilos são suportados?", "Quais estilos existem?", "Lista de estilos"): Responda apenas com a lista de stile.md, Visão geral, uma linha por estilo no formato "<estilo> — ", na ordem da tabela. Sem quadro, sem prompt, sem explicação adicional. Fim.

Falta <P>/@/: não crie nada. Informe: "Os quadros explicativos são criados em um projeto AIOS (pasta com @/), pois o memo de prompt e a imagem ficam em @Prompt/ e @Image/. Deseja inicializar esta pasta com /aios-init?" Fim.

Caso contrário, leia da solicitação (tudo exceto os tópicos é opcional):

EntradaReconhecerSem especificação
Tópicostudo que não pertence a outra entrada—
Estilostyle=<estilo>, "no estilo ", "como quadro ", "em "; maiúsculas/minúsculas ignoradasEscolha automática
Matriz de blocosveja abaixoEscolha automática
Formato"16:9", "3:2", "retrato", "quadrado"Formato do estilo (stile.md)
direto"direto", "imediatamente"Esboço para confirmação
manual"manual", "sem Codex"Codex

Matriz de blocos

EspecificaçãoDisposição
"2x3 blocos", "2 × 3 campos"2 linhas com 3 blocos cada
"3x1 blocos"3 linhas com 1 bloco cada
"3 colunas"1 linha com 3 blocos (1×3)
"2 linhas"2 linhas com 1 bloco cada (2×1)
"2 linhas, 3 colunas"2×3
"1ª linha: 3 campos, 2ª linha: 2 campos"Linha 1 com 3, linha 2 com 2 blocos
"5 blocos" (apenas um número)Quantidade fixa, disposição por escolha automática

São permitidas 1–4 linhas, 1–4 blocos por linha, totalizando 2–12 blocos. Se uma especificação estiver fora desses limites, informe o limite e sugira no esboço a próxima disposição permitida.

Escolha automática

  • Estilo: o estilo cuja coluna Adequado para em stile.md melhor se adequa ao tópico, setor e propósito; sem um acerto claro, use neo.
  • Matriz de blocos: um bloco por tópico; 2–4 blocos equivalentes em uma linha; 5–8 blocos em duas linhas; uma sequência (passos, etapas) no sentido de leitura ou, no caso de estações, como um caminho de estação a estação.
  • Mostre cada escolha no esboço com uma frase de justificativa.

Estilo desconhecido

Se um estilo mencionado não estiver em stile.md:

  1. Diga: "Não conheço o estilo ""."
  2. Escolha um estilo do catálogo (escolha automática).
  3. Pergunte com as respostas OK e Cancelar (ferramenta de seleção, caso contrário como pergunta): "Posso improvisar o estilo "". Devo fazer isso?"
    • OK: Descreva o estilo a partir de seu nome seguindo o padrão de stile.md (descrição, palavras-chave, evitar, formato, blocos), sem modelo de estilo. A descrição vale apenas para esta chamada.
    • Cancelar: Vale o estilo do catálogo escolhido automaticamente.

2. Setor

Se o tópico tiver relação com um cliente, deduza um setor a partir do contexto e pergunte uma vez: "Estou atribuindo isso ao setor — está correto, ou devo usar outro?" Se o setor for claramente deduzido do contexto, apenas mencione-o. Para tópicos de conhecimento geral sem relação com cliente: sem setor, sem pergunta. O setor determina a linguagem visual: objetos e cenas típicos do setor, em vez de imagens genéricas de tecnologia ou robôs.

3. Esboço

Mostre o esboço:

**Headline:** <Cabeçalho do banner>
**Subtítulo:** <opcional>
**Estilo:** `<estilo>` — <justificativa para escolha automática>
**Disposição:** <linhas e blocos> — <justificativa para escolha automática>
**Formato:** <proporção>
**Setor:** <setor ou "—">

| Bloco | Título | Pergunta guia | Pontos-chave |
|---|---|---|---|
| Z1/1 | … | … | … |

**Rodapé:** PALAVRA — PALAVRA — PALAVRA
  • Cada bloco: título curto, pergunta guia em uma frase, 2–5 pontos-chave.
  • Cabeçalho do banner e rodapé (três palavras em letras maiúsculas) estão em todo quadro. Uma linha do tempo é conteúdo de um bloco, não parte fixa.
  • Textos em português, a menos que o usuário especifique outro idioma.

Pergunte: "O esboço está adequado?" Incorpore alterações e mostre o esboço novamente. Sem confirmação, não há memo de prompt.

Exceção: Se o usuário disser "direto" e especificar estilo e matriz de blocos, mostre o esboço e prossiga sem perguntar.

4. Memo de prompt

Número NN:

python3 <pasta-image-generation>/scripts/image_generation.py next-number "<P>"

Se o script faltar, vale a mesma regra manual: maior número em @Prompt/ e @Image/ juntos mais 1, dois dígitos com zero à esquerda.

Leia <pasta-image-generation>/prompt-memo.md e escreva <P>/@Prompt/NN <Cabeçalho> — Schautafel <estilo>.md neste formato (crie @Prompt/ se não existir):

SeçãoConteúdo
Cabeçalho**Assunto:** Schautafel; **Fonte:** solicitação e esboço confirmado; **Relacionado:** modelo de estilo com caminho absoluto
PropósitoTópico e mensagem do quadro em duas ou três frases
Ideia visualPor bloco, uma linha: Parte (bloco), Forma (para cartões: cartão com imagem e texto; para estações: objeto ou local na imagem), Significado (pergunta guia); além disso, banner e rodapé
EspecificaçõesEstilo, modelo de estilo, disposição, formato com tamanho em pixels (16:9 → 1672 × 941, 3:2 → 1536 × 1024), textos literais, "não na imagem", arquivo @Image/NN <Cabeçalho>.png
Prompt para ChatGPTprimeiro "Anexar: modelo de estilo <pasta-do-skill>/stile/<estilo>.jpg" (caminho absoluto; omitir para estilo improvisado), depois o prompt como bloco de código
Após a criaçãoVerificação, armazenamento, texto alternativo, refinamento

Prompt (em português, nesta ordem):

  1. "Crie um quadro explicativo no formato ."
  2. A descrição do estilo de stile.md, seguida de "Palavras-chave do estilo: ".
  3. "O modelo de estilo anexado define apenas estilo, material e figuras, não a estrutura e os textos." (omitir para estilo improvisado)
  4. Estrutura: banner no topo com cabeçalho (e subtítulo); abaixo, os blocos linha por linha na disposição, cada bloco com título, pontos-chave curtos e um elemento visual adequado; para estações: como cada bloco aparece como estação e como as estações estão conectadas (regras especiais em stile.md); rodapé na parte inferior. Com setor: "Use objetos e cenas do setor , não imagens genéricas de tecnologia ou robôs."
  5. A frase Evitar do estilo, complementada com "sem palavras ilegíveis ou escritas incorretamente, sem layout sobrecarregado".
  6. "Textos, escritos exatamente assim e nenhum outro:" com todos os textos como lista.

Após a criação:

  • Verificar: cabeçalho, títulos dos blocos, pontos-chave e rodapé literalmente; número de blocos e disposição por linha; características do estilo; formato; nenhum texto adicional.
  • Refinar: "Mantenha a estrutura e o estilo, mas encurte os textos: apenas títulos e palavras-chave."

Escreva o memo de prompt sem questionamento próprio; o esboço confirmado é a ordem.

5. Transferência para image-generation

Chame o skill image-generation através da ferramenta de skill, com "Crie uma imagem para @Prompt/NN" e, para "manual", com o acréscimo "manual". A partir daí, siga o fluxo de image-generation a partir de seu passo 3: "Gerar imagem?", Codex com o modelo de estilo ou transferência manual, armazenamento em @Image/NN <Cabeçalho>.png, verificação, exibição, resultados com memo de prompt subsequente, commit.

O Claude Code pergunta ao chamar via ferramenta de skill; isso é esperado. Se o usuário recusar, informe o caminho como um prompt completo: "/image-generation Crie uma imagem para @Prompt/NN".

Limites

  • Nenhuma imagem sem esboço confirmado (exceto "direto" com estilo e matriz de blocos) e sem a confirmação de image-generation antes da geração.
  • Escreva apenas o memo de prompt em @Prompt/; imagem, verificação e commit são realizados por image-generation.
  • Sem caixas de cópia FLUX ou OpenArt, sem prompts negativos como lista de palavras-chave.
  • Sem logotipos, marcas ou figuras de estúdios conhecidos; sem clientes reais sem desejo do usuário.
  • Uma descrição de estilo improvisada não altera stile.md.

Habilidades Relacionadas