Menu
Instruções e template para criar placeholders de slides interativos em HTML/JS.
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/afonsolelis/einstein --skill generate-slide-placeholderThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Showing SKILL.md
Instruções e template para criar materiais (wikis) de aula de forma aprofundada, com design Light Mode focado em leitura e impressão.
Criar, completar, revisar e validar aulas deste curso, incluindo slides HTML interativos, material wiki, navegação offline, coerência com o cronograma e testes de conformidade. Usar ao implementar uma aula real, transformar placeholders em conteúdo completo ou auditar o padrão de uma aula existente.
Regras de versionamento deste repositório, que opera em trunk-based development com histórico truncado e linear em `main`. Usar sempre que for criar commits, integrar trabalho de agentes, revisar o estado das branches ou publicar mudanças no GitHub.
| name | generate_slide_placeholder |
| description | Instruções e template para criar placeholders de slides interativos em HTML/JS. |
Sempre que você precisar criar, atualizar ou gerar um arquivo de slide (ex: slides/aula-XX.html), você DEVE utilizar a seguinte estrutura de apresentação interativa com JavaScript (nada de páginas estáticas simples).
overflow: hidden; background: #16233d; color: white;.<div id="slider">.<div class="slide"> com opacidade controlada via JS.<div id="controls"> fixada no rodapé contendo:
<a href="../index.html">)<a href="../materiais/aula-XX/index.html">) OBS: SEMPRE inclua index.html no final para suportar acessos locais via file://.<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Laboratório XX · Slides</title>
<style>
/* Cole aqui os estilos oficiais de slides (ver arquivos existentes como aula-01.html) */
/* Garanta estilos para #slider, .slide, .slide-start, .slide-end e #controls */
</style>
</head>
<body>
<div id="slider">
<!-- Slide Inicial -->
<div class="slide slide-start active">
<div class="badge">LABORATÓRIO XX · DD/MM</div>
<h1>Laboratório de Dados & IA</h1>
<p>[Tema da Aula]</p>
</div>
<!-- Slide Final -->
<div class="slide slide-end">
<h2>Fim do Laboratório XX</h2>
<p>Obrigado pela atenção!</p>
</div>
</div>
<div id="controls">
<div class="footer-text">Faculdade Albert Einstein · Laboratório de Programação, Ciência de Dados & IA</div>
<div class="btn-group">
<a href="../index.html" class="ctrl-btn" title="Voltar ao Cronograma"><span class="ctrl-icon">🏠</span> Home</a>
<a href="../materiais/aula-XX/index.html" class="ctrl-btn" title="Ir para o Material"><span class="ctrl-icon">📎</span> Material</a>
<button class="ctrl-btn ctrl-btn-only-icon" id="btn-prev">◄</button>
<button class="ctrl-btn ctrl-btn-only-icon" id="btn-next">►</button>
<button class="ctrl-btn ctrl-btn-only-icon" id="btn-fs">⛶</button>
</div>
</div>
<script>
// Cole aqui a lógica JS de atualização de classe 'active' e listeners de teclado/botões.
</script>
</body>
</html>
Based on SOC occupation classification