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

html-ppt-zhangzara-mat

Faz seu agente elaborar relatórios de consultoria para empresas. É útil para analisar e planejar melhorias em negócios, ajudando a tomar decisões estratégicas.

O que ela faz

Este modelo cria apresentações em HTML com um visual retrô e elegante, inspirado em meados do século. Ele vem com um esquema de cores específico e elementos decorativos que dão um toque tátil e intencional.

Quando usar

  • ✓Criar apresentações para marcas de design, arquitetura ou interiores.
  • ✓Desenvolver credenciais para estúdios de design.
  • ✓Fazer apresentações de negócios ou pesquisa com um toque analógico e cuidadoso.

Exemplo do que pedir para a IA

“Crie uma apresentação em HTML usando o modelo 'Mat' com o título 'Minha Consultoria de Design'.”

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

Você pega um arquivo de exemplo, substitui o conteúdo pelos seus textos e dados, e mantém todos os elementos visuais e a estrutura original para garantir a identidade do design.

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-mat

Ou baixe só o arquivo:

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

Mat

Tela de sálvia escura com papel de osso e detalhe em laranja queimado; moderno de meados do século com tons amadeirados.

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: média
  • Densidade: média
  • Slides na demonstração: 9

Ideal para

Qualquer coisa que deva parecer de meados do século, tátil e intencional: credenciais de estúdio de design, marcas de arquitetura/interiores, cerâmica/artesanato/móveis, decks de consultoria. Também uma escolha calorosa e distinta para decks de tecnologia, pesquisa ou negócios que desejam uma sensação analógica considerada em vez de "cool" digital.

Evitar para

Contextos que necessitam de energia tecnológica rápida ou contenção institucional — a paleta de sálvia suave e laranja queimado é intencionalmente calorosa e lenta.

Fluxo de trabalho

  1. Clone example.html para a área 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 a cor da paleta, reestruture a grade de layout ou remova elementos decorativos (colchetes de canto, 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 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 tempo de execução da navegação como enviado. Se o deck enviar um assets/deck-stage.js ou um manipulador de teclado embutido, deixe-o intacto.

Contrato de saída

Emita entre as tags <artifact>:

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

Origem e licença

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

O texto completo da licença MIT upstream — incluindo o aviso de direitos autorais original — é enviado nesta habilidade 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 instantâneo de metadados upstream.

Perguntas frequentes

Posso mudar as cores ou as fontes?

Não, o modelo foi criado para ter uma identidade visual específica. Mudar cores ou fontes pode quebrar o design.

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

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

O que são 'elementos decorativos'?

São detalhes como cantos decorados, texturas de papel e formas geométricas que fazem parte da identidade visual única do modelo.

Detalhes

Descrição original do autor

A margin-recovery diagnosis for a regional grocery chain — the governing thought, the driver tree, the priorities, and the roadmap. Built as a decision-grade consulting deck for client sponsor, steering committee.

repo: nexu-io/open-design

Popularidade

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