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

html-ppt-zhangzara-signal

Faz seu agente criar um memorando de estratégia corporativa sobre monetizar um registro de plugins. Ele analisa opções, riscos e apresenta uma recomendação.

O que ela faz

Esta ferramenta cria apresentações em formato de página da web (HTML) com um visual sério e profissional, usando cores escuras e detalhes dourados. Ela é ideal para documentos importantes e corporativos.

Quando usar

  • ✓Para apresentar planos de negócios a investidores.
  • ✓Para criar relatórios para a diretoria.
  • ✓Para documentos legais ou de políticas.

Exemplo do que pedir para a IA

“Crie uma apresentação para investidores com o título 'Estratégia de Expansão' usando o modelo Signal.”

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/html-ppt-zhangzara-signal/SKILL.md

Mensagem pronta para colar

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

Você só precisa fornecer o texto e os dados que quer na apresentação. A ferramenta cuida do visual, mantendo um estilo consistente e profissional.

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 html-ppt-zhangzara-signal

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/design-templates/html-ppt-zhangzara-signal/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.

Signal

Tela azul marinho profunda com papel cor de osso e um único detalhe em dourado suave; institucional com peso discreto.

Um único deck HTML autônomo — tipografia, paleta, sistema decorativo e vocabulário de slides estão todos sintonizados. Misturar layouts entre modelos quebra o sistema; permaneça dentro deste.

Em resumo

  • Esquema: misto
  • Formalidade: alta
  • Densidade: alta
  • Slides na demonstração: 18

Ideal para

Qualquer coisa que deva parecer importante, ponderada e credivelmente institucional: apresentações para investidores, apresentações para conselhos, entregas de consultoria, resumos legais/políticos, propostas de consultoria. Também uma ótima opção para trabalhos de tecnologia, pesquisa ou marca que queiram soar autoritativos de forma discreta, em vez de chamativa.

Evite para

Contextos que devam parecer quentes, rápidos ou intencionalmente lúdicos — a restrição do azul marinho + dourado compromete-se com uma voz sóbria.

Fluxo de trabalho

  1. Clone example.html para o espaço de trabalho do usuário como o arquivo de trabalho.
  2. Substitua o conteúdo de espaço reservado pelos títulos reais do usuário, texto principal, números, nomes, datas e rótulos de seção. Combine as dimensões existentes ao trocar os espaços reservados de imagem.
  3. Preserve o sistema de design. Nunca substitua fontes, altere as cores da paleta, reestruture a grade de layout ou remova elementos decorativos (cantoneiras, textura de papel, formas geométricas, SVGs ilustrados). Eles fazem parte da identidade.
  4. Ajuste o comprimento do deck duplicando layouts. Se o usuário tiver mais conteúdo do que a demonstração comporta, duplique um slide existente do layout mais apropriado. Se tiver menos, remova slides do final. Atualize os rótulos dos números de página.
  5. Projetando layouts ausentes: se um slide precisar de um layout que o modelo não tenha, projete-o do zero usando as mesmas fontes, paleta, vocabulário decorativo, ritmo de espaçamento e gramática de componentes — nunca recorra a um modelo diferente.
  6. Mantenha o runtime de navegação como enviado. Se o deck enviar um assets/deck-stage.js ou um manipulador de teclado em linha, deixe-o intacto.

Contrato de saída

Emita entre as tags <artifact>:

<artifact identifier="zhangzara-signal" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>

Origem e licença

Fornecido do upstream com licença MIT zarazhangrui/beautiful-html-templates.

O texto completo da licença MIT do upstream — incluindo o aviso de copyright original — é fornecido nesta habilidade em LICENSE e deve ser redistribuído juntamente com qualquer cópia de example.html, template.json, ou qualquer runtime assets/ fornecido. Veja template.json para o snapshot de metadados do upstream.

Perguntas frequentes

Posso mudar as cores ou as fontes?

Não, o design é fixo para manter a identidade visual séria e profissional do modelo Signal.

O que acontece se eu tiver mais conteúdo do que o exemplo?

Você pode duplicar os slides existentes para adicionar mais conteúdo, mantendo o mesmo estilo.

Posso misturar este visual com outros modelos?

Não é recomendado. O modelo Signal funciona melhor quando todas as partes são usadas juntas para garantir a coesão.

Detalhes

Descrição original do autor

OpenDesign's strategy memo: should it monetize the plugin registry now or hold — options, risks, and the recommendation. Built as a decision-grade corporate strategy deck for CEO, strategy team.

repo: nexu-io/open-design

Popularidade

Estrelas no GitHub
101 mil
Posição no ranking
#464
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