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

html-ppt-zhangzara-retro-windows

Ajuda seu agente a criar treinamentos de segurança. É útil para ensinar a identificar ameaças e o que fazer, sendo bom para a segurança de todos na empresa.

O que ela faz

Este modelo cria apresentações de slides com um visual retrô inspirado no Windows 95. Ele usa cores, fontes e elementos gráficos que lembram essa época para dar um toque nostálgico.

Quando usar

  • ✓Para apresentações sobre história da tecnologia ou nostalgia dos anos 90.
  • ✓Ao criar um portfólio de criador com um estilo vintage.
  • ✓Para marcas que querem um visual divertido e retrô, como de jogos antigos.

Exemplo do que pedir para a IA

“Crie uma apresentação com tema retrô do Windows 95 para meu portfólio.”

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-retro-windows/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-retro-windows/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
Como funciona

Você clona um arquivo de exemplo e substitui o conteúdo com suas informações. É importante manter o estilo visual original, como fontes e cores, e duplicar ou remover slides conforme necessário.

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-retro-windows

Ou baixe só o arquivo:

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

Retro Windows

Chrome do Windows 95: barras de título cinzas, MS Sans Serif, tipografia pixelada, nostalgia total.

Um único deck HTML autocontido — 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: claro
  • Formalidade: baixa
  • Densidade: média
  • Slides na demonstração: 10

Ideal para

Qualquer coisa que deva parecer propositalmente nostálgica: jogos retrô, marcas com estética Y2K, portfólios de criadores com um toque dos anos 90, palestras sobre história da tecnologia, decks deliberadamente irônicos. Uma ótima escolha onde uma referência retrô divertida é o ponto principal.

Evitar para

Decks que precisam parecer modernos, elegantes ou institucionalmente credíveis — o chrome do Win95 sempre parecerá uma fantasia.

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 (cantos, 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 for 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 salte para um modelo diferente.
  6. Mantenha o tempo de execução da navegação como enviado. Se o deck enviar um assets/deck-stage.js ou um manipulador de teclado inline, deixe-o intacto.

Contrato de saída

Emita entre tags <artifact>:

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

Origem e licença

Fornecido do MIT licenciado upstream zarazhangrui/beautiful-html-templates.

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

Perguntas frequentes

Posso mudar as cores e fontes?

Não é recomendado. O visual retrô é parte essencial do design, e mudar esses elementos pode quebrar o estilo.

O que significa 'design system'?

É o conjunto de regras e elementos visuais (cores, fontes, layouts) que definem a aparência da apresentação. É preciso seguir essas regras para manter o estilo.

Como adiciono mais slides?

Você pode duplicar slides existentes que tenham um layout parecido com o que você precisa.

Detalhes

Descrição original do autor

An IT security-awareness training on spotting phishing — the tells, the drill, and what to do in the first 60 seconds. Built as a decision-grade professional training deck for all employees.

repo: nexu-io/open-design

Popularidade

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