Pular para o conteúdo
Skillpedia
Escrita101 mil · #412

digital-eguide

Cria um guia digital de duas páginas com capa e conteúdo. Ideal para compartilhar informações de forma visual e organizada.

O que ela faz

Cria uma prévia de um guia digital de duas páginas. A primeira página é a capa e a segunda mostra o conteúdo principal.

Quando usar

  • ✓Quando você precisa de um 'e-guide' ou 'guia digital'.
  • ✓Para criar um 'lookbook' ou 'lead magnet'.
  • ✓Ao pedir um 'playbook' ou 'guia para criadores'.

Exemplo do que pedir para a IA

“Crie uma prévia de um guia digital sobre como usar redes sociais para negócios.”

Quer saber mais? Abra as seções abaixo.

Como usar

O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.

Link da skill

https://github.com/nexu-io/open-design/blob/main/design-templates/digital-eguide/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/nexu-io/open-design/blob/main/design-templates/digital-eguide/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
Como funciona

A IA pega as informações do seu pedido, escolhe fontes elegantes e organiza o texto em duas páginas com um visual de revista.

Instalação

Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.

No terminal (Claude Code, Codex, Cursor), na pasta do projeto:

npx skills add nexu-io/open-design --skill digital-eguide

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/design-templates/digital-eguide/SKILL.md -o SKILL.md
Conteúdo técnico (SKILL.md)

Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.

Guia Digital de Habilidades

Produza uma prévia de guia digital de duas páginas lado a lado. Capa no início, miolo no final. Tom de criador de estilo de vida, muito espaço em branco, títulos em serifa, ritmo cuidadoso de colunas.

Fluxo de Trabalho

  1. Leia o DESIGN.md ativo (injetado acima). Escolha um token de serifa para o título (ligaturas em itálico encorajadas), uma serifa para o corpo do texto e um token mono para estatísticas / rótulos.
  2. Escolha o tópico + autor do briefing. Gere um título real (por exemplo, "Guia de Estilo e Formato para Criadores"), um subtítulo real e uma linha de autoria de uma linha.
  3. Layout — centralize duas páginas em um fundo tingido:
    • Página 1 — capa:
      • Sobretítulo ("GUIA DE ESTILO E FORMATO PARA CRIADORES").
      • Título principal com pesos mistos e uma palavra em itálico ("O Guia de Estilo e Formato do Criador" — & e guide em itálico).
      • Linha de estatísticas com 3 células ("16 PRINCÍPIOS DE ESTILO", "38 FAZER E NÃO FAZER", "1 BLOCO, ZERO MODELOS") em mono, separadas por ·.
      • Cabeçalho "O que está dentro" com um sumário de 2 colunas (capítulos + números de página em mono, pontos de ligação).
      • Rodapé: "ENCONTRE SUA VOZ" + página 01 mono.
      • Ponto decorativo sutil ou adesivo (CSS) em um canto.
    • Página 2 — miolo:
      • Sobretítulo com número + nome do capítulo ("CAPÍTULO 02 · TOM").
      • Subtítulo principal ("Escreva como você fala — só que mais afiado.").
      • Corpo de 2 colunas: parágrafo de abertura + uma lista numerada de 4 passos ("01 Escolha a regra", "02 Remova o excesso"…).
      • Citação destacada fixada no final: para scripts latinos use display itálico grande e cor de destaque; para árabe, persa e urdu use ênfase regular ou leve (sem itálico); para hebraico use ênfase regular ou leve (sem itálico). Inclua atribuição. (consciente do script)
      • Faixa inferior com chamada "EXERCÍCIO" (rótulo mono + 1 frase de instrução em itálico).
      • Rodapé: título do capítulo + página 18 mono.
  4. Escreva um único documento HTML:
    • <!doctype html> até </html>, CSS inline.
    • Páginas são cartões de papel de 600×860 com sombra de 6px, leve rotação oposta uma à outra (±0.6deg) para uma sensação de revista sobre a mesa.
    • data-od-id na capa, miolo, sumário, citação destacada, exercício.
  5. Auto-verificação:
    • A hierarquia tipográfica é editorial — o título domina a página 1, o subtítulo domina a página 2.
    • O acento em itálico aparece uma vez por página.
    • Mono usado apenas para rótulos, estatísticas e números do sumário.

Contrato de Saída

Emitir entre tags <artifact>:

<artifact identifier="eguide-slug" type="text/html" title="E-Guide — Title">
<!doctype html>
<html>...</html>
</artifact>

Uma frase antes do artefato, nada depois.

Perguntas frequentes

O que é um 'e-guide'?

É um guia digital, como um pequeno livro ou folheto, que você pode ler no computador ou celular.

O que significa 'visual de revista'?

Significa que o guia terá um design bonito e organizado, com títulos chamativos e bom espaçamento, parecido com o de uma revista.

Por que duas páginas?

A primeira página é a capa para chamar a atenção, e a segunda mostra um pouco do conteúdo para dar uma ideia do que o guia completo oferece.

Detalhes

Descrição original do autor

A two-spread digital e-guide preview — page 1 is a cover (display title, author, "What's inside" stats, table of contents teaser); page 2 is a spread (lesson body with pull-quote and a step list). Lifestyle / creator brand tone. Use when the brief asks for an "e-guide", "digital guide", "lookbook", "lead magnet", "creator guide", "playbook", "PDF guide", or "电子指南".

repo: nexu-io/open-design

Popularidade

Estrelas no GitHub
101 mil
Posição no ranking
#412
Licença
Apache-2.0
Atualizada em
16/10/2026

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas