107 lines
5.2 KiB
HTML
107 lines
5.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=1280, height=720">
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||
<style>
|
||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; -webkit-font-smoothing: antialiased; }
|
||
.slide {
|
||
width: 1280px; height: 720px;
|
||
display: flex; flex-direction: column;
|
||
padding: 48px 56px;
|
||
background: linear-gradient(165deg, #F2F2F7 0%, #E8E8ED 50%, #F5F5FA 100%);
|
||
position: relative; overflow: hidden;
|
||
}
|
||
.slide::before {
|
||
content: '';
|
||
position: absolute; top: -30%; right: -20%;
|
||
width: 60%; height: 80%;
|
||
background: radial-gradient(circle, rgba(120,180,220,0.12) 0%, transparent 70%);
|
||
pointer-events: none;
|
||
}
|
||
.glass {
|
||
background: rgba(255,255,255,0.65);
|
||
backdrop-filter: blur(40px);
|
||
-webkit-backdrop-filter: blur(40px);
|
||
border: 1px solid rgba(255,255,255,0.5);
|
||
border-radius: 24px;
|
||
box-shadow: 0 4px 24px rgba(0,0,0,0.04), 0 0 0 1px rgba(255,255,255,0.5) inset;
|
||
}
|
||
.glass-strong {
|
||
background: rgba(255,255,255,0.75);
|
||
backdrop-filter: blur(48px);
|
||
-webkit-backdrop-filter: blur(48px);
|
||
border: 1px solid rgba(255,255,255,0.6);
|
||
border-radius: 28px;
|
||
box-shadow: 0 8px 32px rgba(0,0,0,0.06), 0 0 0 1px rgba(255,255,255,0.6) inset;
|
||
}
|
||
.accent { color: #007AFF; }
|
||
.text-dark { color: #1D1D1F; }
|
||
.text-muted { color: #6E6E73; }
|
||
h1 { font-size: 48px; font-weight: 700; letter-spacing: -0.02em; }
|
||
h2 { font-size: 28px; font-weight: 600; letter-spacing: -0.01em; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<!-- 1. 封面 -->
|
||
<div class="slide" id="slide-1" style="justify-content: center; align-items: center;">
|
||
<div class="glass-strong px-20 py-14 text-center">
|
||
<h1 class="text-dark mb-3">卡若复盘</h1>
|
||
<p class="text-muted text-2xl" style="font-weight: 500;">2026-02-23</p>
|
||
</div>
|
||
</div>
|
||
<!-- 2. 目标 -->
|
||
<div class="slide" id="slide-2">
|
||
<h2 class="accent mb-6">🎯 目标·结果·达成率</h2>
|
||
<div class="glass p-8 flex-1 flex flex-col justify-center">
|
||
<ul style="list-style: none; font-size: 20px; line-height: 1.8; color: #1D1D1F;">
|
||
<li style="margin-bottom: 12px;">① PPT制作 Skill 创建与美观规范更新：目标完成，<strong>达成率 100%</strong></li>
|
||
<li style="margin-bottom: 12px;">② 天恩和乖乖绘本 PPT：生成并优化（黄底、边框、图片说明），<strong>达成率 100%</strong></li>
|
||
<li>③ 7 张图片生成「我的狗狗乖乖」PPT + 第一页修改，<strong>达成率 100%</strong></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- 3. 过程 -->
|
||
<div class="slide" id="slide-3">
|
||
<h2 class="accent mb-6">📌 过程</h2>
|
||
<div class="glass p-8 flex-1 flex flex-col justify-center">
|
||
<ol style="font-size: 18px; line-height: 1.9; color: #1D1D1F; padding-left: 1.2em;">
|
||
<li style="margin-bottom: 10px;">创建 PPT制作 Skill，归属木果；融合 agentskills pptx、python-pptx，注册 SKILL_REGISTRY。</li>
|
||
<li style="margin-bottom: 10px;">新增《PPT美观设计规范》，借鉴 v0 式流程；打包基因胶囊。</li>
|
||
<li style="margin-bottom: 10px;">编写天恩乖乖绘本脚本，生成黄底、图片边框、每图配说明的 PPT。</li>
|
||
<li style="margin-bottom: 10px;">7 张参考图生成「我的狗狗乖乖」PPT；修改第一页（二年四班思浩吉、单圆女孩）。</li>
|
||
<li>按 v0/React 毛玻璃风格生成复盘 PPT。</li>
|
||
</ol>
|
||
</div>
|
||
</div>
|
||
<!-- 4. 反思 -->
|
||
<div class="slide" id="slide-4">
|
||
<h2 class="accent mb-6">💡 反思</h2>
|
||
<div class="glass p-8 flex-1 flex flex-col justify-center">
|
||
<ul style="list-style: none; font-size: 18px; line-height: 1.9; color: #1D1D1F;">
|
||
<li style="margin-bottom: 14px;">① 做得好的：PPT Skill 与美观规范可复用；v0 式流程迁移到 PPT 工作流有效。</li>
|
||
<li style="margin-bottom: 14px;">② 可改进：第一页图片修改依赖 Pillow 裁剪，若有原素材可更精准。</li>
|
||
<li>③ 绘本风 + 毛玻璃风已验证，可沉淀为模板。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- 5. 总结+下一步 -->
|
||
<div class="slide" id="slide-5">
|
||
<h2 class="accent mb-4">📝 总结</h2>
|
||
<div class="glass p-6 mb-5">
|
||
<p style="font-size: 18px; line-height: 1.7; color: #1D1D1F;">PPT 制作能力已纳入卡若AI，绘本风与复盘风模板可复用；规格→生成→套规范→验收 流程闭环。</p>
|
||
</div>
|
||
<h2 class="accent mb-4" style="font-size: 24px;">▶ 下一步执行</h2>
|
||
<div class="glass p-6 flex-1">
|
||
<ul style="list-style: none; font-size: 18px; line-height: 1.8; color: #1D1D1F;">
|
||
<li style="margin-bottom: 8px;">① 后续绘本/汇报类 PPT 可直接调用 PPT制作 Skill。</li>
|
||
<li style="margin-bottom: 8px;">② 复盘 PPT 模板可固化为脚本，支持 v0/React 毛玻璃 → 截图 → 导出 PPT。</li>
|
||
<li>③ 未完成：无。</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|