afonsolelis
afonsolelis/einstein
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/afonsolelis/einstein --skill generate-slide-placeholder命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| 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>