Menu

Not in the top 1,000 by GitHub stars

Unclecheng-li/AI-Animation-Skill

使用 AI 生成 HTML 演示动画的工具集，让视频创作者能够快速将科普文本转换为炫酷的演示动画。

Engineering

History

Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.

View weekly changes

SKILL.md

Week of Nov 2, 2026 · +0 / −0 lines

Before Instructions only → After Instructions only

4b107ddc68de → 4b107ddc68de

Compare on GitHub

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Instructions only

First observation → 4b107ddc68de

No earlier version was observed for comparison.

Compare on GitHub

View on GitHubAdd to my skills

Verified commit 4b107ddc68deacb7201cf1975d7e9b487cb2bf75

611GitHub stars
9stars in 7 days
1skill in this repository
0commits in 30 days

Heat

5.4
  • Star growth, last 7 daysNot available
  • Star growth, last 24 hoursNot available
  • Rank movement, last 7 daysNot available
  • Commits, last 30 daysNot available
  • Accounts asking about it through MCP, last 7 daysNot available
  • Hot votes this weekNot available

Heat never changes the order by stars, and sponsorship never touches it. How heat works

Stars over time

Oct 25, 2026Nov 5, 2026611

30-day change not yet available: not enough history.

Individual skills in this repository

How it works

science-content-ppt

When your agent uses it

将科普内容文本转换为可视化PPT风格网页的完整工作流。当用户输入科普内容并希望生成演示页面时触发。支持两种模式：(1) 默认模式：将科普内容生成为仿PPT轮播的单页HTML动画网页；(2) 流程图模式：使用Animation模板将已生成的AI_Animation.html按平面UI样式重构。模板已内置于Skill中。触发词包括"生成PPT"、"生成演示网页"、"生成流程图"等。

What it loads into context

Frontmatter

134 tokens

Always available to the agent

SKILL.md

2,985 tokens

When the skill is activated

Reference documents

12,388 tokens

Loaded on request

Token counts are estimates. Scripts run separately; they are not counted as reference context.

The playbook

  1. 真实案例（OSI 七层网络模型）
  2. 模板文件（内置于Skill）
  3. 模式一：生成PPT演示网页（默认）
  4. 模式二：生成流程图（需用户明确触发）
  5. 已知问题与解决方案（实操总结）
  6. 参数说明
  7. 使用方式

Files

  • CHANGELOG.mddoc1,974 bytes
  • LICENSEasset1,066 bytes
  • README.mddoc7,383 bytes
  • SKILL.mdcore10,854 bytes
  • assets/templates/Animation/Comprehension.htmlasset22,697 bytes
  • assets/templates/Animation/Cross-modal disentanglement - 2.htmlasset32,143 bytes
  • assets/templates/Animation/GPU.htmlasset18,453 bytes
  • assets/templates/Animation/LSTM-1.htmlasset24,903 bytes
  • assets/templates/Animation/RNN-2.htmlasset28,465 bytes
  • assets/templates/Animation/RNN-3.htmlasset25,260 bytes
  • assets/templates/Animation/RNN-4.htmlasset34,659 bytes
  • assets/templates/Animation/RNN-5.htmlasset37,167 bytes
  • assets/templates/Animation/RNN-6.htmlasset39,019 bytes
  • assets/templates/Animation/RNN-7.htmlasset43,895 bytes
  • assets/templates/Animation/SUMMARY.mddoc10,955 bytes
  • assets/templates/Animation/The fatal flaw of DNN.htmlasset23,073 bytes
  • assets/templates/Animation/onehot-drawback.htmlasset24,356 bytes
  • assets/templates/Animation/onehot.htmlasset29,072 bytes
  • assets/templates/Animation/word2vec-1.htmlasset33,446 bytes
  • assets/templates/PPT Template-level2/1.htmlasset42,644 bytes
  • assets/templates/PPT Template-level2/2.htmlasset46,240 bytes
  • assets/templates/PPT Template-level2/3-1.htmlasset23,173 bytes
  • assets/templates/PPT Template-level2/3-2.htmlasset47,674 bytes
  • assets/templates/PPT Template-level2/3-3.htmlasset17,186 bytes
  • assets/templates/PPT Template-level2/4-1.htmlasset15,700 bytes
  • assets/templates/PPT Template-level2/4-2.htmlasset39,954 bytes
  • assets/templates/PPT Template-level2/4-3.htmlasset43,864 bytes
  • assets/templates/PPT Template-level2/5-1.htmlasset37,501 bytes
  • assets/templates/PPT Template-level2/5-2.htmlasset39,223 bytes
  • assets/templates/PPT Template-level2/5-3.htmlasset53,959 bytes
  • assets/templates/PPT Template-level2/5-4.htmlasset41,630 bytes
  • assets/templates/PPT Template-level2/6-1.htmlasset51,441 bytes
  • assets/templates/PPT Template-level2/6-2.htmlasset63,593 bytes
  • assets/templates/PPT Template-level2/6-3.htmlasset51,376 bytes
  • assets/templates/PPT Template-level2/6-4.htmlasset54,776 bytes
  • assets/templates/PPT Template-level2/7-1.htmlasset40,714 bytes
  • assets/templates/PPT Template-level2/7-2.htmlasset43,559 bytes
  • assets/templates/PPT Template-level2/7-3.htmlasset45,671 bytes
  • assets/templates/PPT Template-level2/7-4.htmlasset45,131 bytes
  • assets/templates/PPT Template-level2/8-1.htmlasset46,480 bytes
  • assets/templates/PPT Template-level2/8-2.htmlasset45,413 bytes
  • assets/templates/PPT Template-level2/8-3.htmlasset58,380 bytes
  • assets/templates/PPT Template-level2/9-1.htmlasset42,145 bytes
  • assets/templates/PPT Template-level2/9-2.htmlasset33,469 bytes
  • assets/templates/PPT Template-level2/9-3.htmlasset26,877 bytes
  • assets/templates/PPT Template-level2/SUMMARY.mddoc16,042 bytes
  • assets/templates/PPT/PPT-Generate-1.htmlasset49,254 bytes
  • assets/templates/PPT/PPT-Generate-2.htmlasset33,037 bytes
  • assets/templates/PPT/PPT-Generate-3.htmlasset46,668 bytes
  • assets/templates/PPT/PPT-Generate-4.htmlasset26,959 bytes
Read SKILL.md

# Science Content PPT Skill

将科普内容文本转换为可视化PPT风格网页的完整工作流。

---

## 真实案例（OSI 七层网络模型）

**用户输入文本：**
> 为了使不同计算机厂家生产的计算机能够相互通信，以便在更大的范围内建立计算机网络，国际标准化组织（ISO）在1978年提出了"开放系统互联参考模型"……七层自下而上依次为：物理层、数据链路层、网络层、传输层、会话层、表示层、应用层。其中第四层完成数据传送服务，上面三层面向用户。除了标准的OSI七层模型以外，常见的网络层次划分还有TCP/IP四层协议以及TCP/IP五层协议。

**执行流程：**
1. 用下方「Step 1 提示词模板」生成 PPT 提示词
2. 模型直接生成完整 HTML（或用 Step 3 模板重构）
View the complete source on GitHub

Skills included

  • science-content-ppt

Repository facts

License
MIT
Created
Apr 12, 2026
Last pushed
Apr 16, 2026
Forks
47
Open issues
0
Project activity
Slowing

Before you install

Instructions only

Automated signals, not a guarantee

Checked Nov 4, 2026

Show all 195 signals by file

CHANGELOG.md

  • Network accessline 3
    所有重要变更均记录在此文件中。格式基于 [Keep a Changelog](https://keepachangelog.com/zh-CN/)。

README.md

  • Network accessline 7
    [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE)
  • Network accessline 8
    [![OpenClaw](https://img.shields.io/badge/OpenClaw-Skill-green)](https://openclaw.ai/)
  • Network accessline 9
    [![HTML5](https://img.shields.io/badge/HTML5-Demo-orange)](assets/templates/)
  • Network accessline 38
    <img width="2560" height="1440" alt="image" src="https://github.com/user-attachments/assets/c09e0f57-7f5a-4014-8809-b5e99d11e9f5" />
  • Network accessline 162
    <img width="2560" height="1440" alt="image" src="https://github.com/user-attachments/assets/e28ccecf-2632-40f3-b239-c0dd7909af97" />
  • Network accessline 163
    <img width="2560" height="1440" alt="image" src="https://github.com/user-attachments/assets/9efad557-81e2-49d3-9226-d5ce98b84075" />
  • Network accessline 165
    <img width="2560" height="1440" alt="image" src="https://github.com/user-attachments/assets/8c1be8cc-8293-4893-8b56-b695e5daf6fe" />
  • Network accessline 169
    <img width="2560" height="1440" alt="image" src="https://github.com/user-attachments/assets/5a65dd82-b690-4d1a-87ba-1b6196b01273" />
  • Network accessline 170
    <img width="2560" height="1440" alt="image" src="https://github.com/user-attachments/assets/f7481d36-44b1-439e-8b3d-ec6def4795e1" />

assets/templates/Animation/Comprehension.html

  • Network accessline 32
    width: 100%;             height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0
  • Network accessline 33
    height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitch
  • Network accessline 34
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filt
  • Network accessline 506
    <!-- 右上角logo -->     <div class="logo">         <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 507
    <div class="logo">         <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">             <circle cx="50" cy="30" r="12" fill="#60a5fa"/>
  • Network accessline 508
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">

assets/templates/Animation/Cross-modal disentanglement - 2.html

  • Network accessline 37
    width: 100%;             height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0
  • Network accessline 38
    height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitch
  • Network accessline 39
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filt
  • Network accessline 606
    <!-- 右上角logo -->     <div class="logo">         <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 607
    <div class="logo">         <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">             <circle cx="50" cy="30" r="12" fill="#60a5fa"/>
  • Network accessline 608
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">

assets/templates/Animation/GPU.html

  • Network accessline 45
    width: 100%;             height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0
  • Network accessline 46
    height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitch
  • Network accessline 47
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filt
  • Network accessline 387
    <!-- 右上角Logo -->     <div class="logo">         <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 388
    <div class="logo">         <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">             <circle cx="50" cy="30" r="12" fill="#34d399"/>
  • Network accessline 389
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 500
    // 创建带渐显动画的虚线连接             const createAnimatedLine = (x1, y1, x2, y2, delay = 0, color = 'rgba(52, 211, 153, 0.3)') => {                 const line = document.createElementNS('http://www.w3.org/2000/svg', 'line');
  • Network accessline 501
    const createAnimatedLine = (x1, y1, x2, y2, delay = 0, color = 'rgba(52, 211, 153, 0.3)') => {                 const line = document.createElementNS('http://www.w3.org/2000/svg', 'line');                 line.setAttribute('x1', x1);
  • Network accessline 502
    const line = document.createElementNS('http://www.w3.org/2000/svg', 'line');

assets/templates/Animation/LSTM-1.html

  • Network accessline 32
    width: 100%;             height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0
  • Network accessline 33
    height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitch
  • Network accessline 34
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filt

assets/templates/Animation/RNN-2.html

  • Network accessline 32
    width: 100%;             height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0
  • Network accessline 33
    height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitch
  • Network accessline 34
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filt

assets/templates/Animation/RNN-3.html

  • Network accessline 32
    width: 100%;             height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0
  • Network accessline 33
    height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitch
  • Network accessline 34
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filt

assets/templates/Animation/RNN-4.html

  • Network accessline 32
    width: 100%;             height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0
  • Network accessline 33
    height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitch
  • Network accessline 34
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filt

assets/templates/Animation/RNN-5.html

  • Network accessline 33
    width: 100%;             height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0
  • Network accessline 34
    height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitch
  • Network accessline 35
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filt

assets/templates/Animation/RNN-6.html

  • Network accessline 33
    width: 100%;             height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0
  • Network accessline 34
    height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitch
  • Network accessline 35
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filt

assets/templates/Animation/RNN-7.html

  • Network accessline 33
    width: 100%;             height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0
  • Network accessline 34
    height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitch
  • Network accessline 35
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filt

assets/templates/Animation/The fatal flaw of DNN.html

  • Network accessline 32
    width: 100%;             height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0
  • Network accessline 33
    height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitch
  • Network accessline 34
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filt
  • Network accessline 531
    <!-- 右上角logo -->     <div class="logo">         <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 532
    <div class="logo">         <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">             <circle cx="50" cy="30" r="12" fill="#60a5fa"/>
  • Network accessline 533
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">

assets/templates/Animation/onehot-drawback.html

  • Network accessline 32
    width: 100%;             height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0
  • Network accessline 33
    height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitch
  • Network accessline 34
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filt
  • Network accessline 484
    <!-- 右上角logo -->     <div class="logo">         <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 485
    <div class="logo">         <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">             <circle cx="50" cy="30" r="12" fill="#60a5fa"/>
  • Network accessline 486
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">

assets/templates/Animation/onehot.html

  • Network accessline 32
    width: 100%;             height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0
  • Network accessline 33
    height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitch
  • Network accessline 34
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filt
  • Network accessline 558
    <!-- 右上角logo -->     <div class="logo">         <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 559
    <div class="logo">         <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">             <circle cx="50" cy="30" r="12" fill="#60a5fa"/>
  • Network accessline 560
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">

assets/templates/Animation/word2vec-1.html

  • Network accessline 32
    width: 100%;             height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0
  • Network accessline 33
    height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitch
  • Network accessline 34
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filt

assets/templates/PPT Template-level2/1.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>模型不是关键，Harness才是</title> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
  • Network accessline 6
    <title>模型不是关键，Harness才是</title> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script> <style>
  • Network accessline 7
    <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>

assets/templates/PPT Template-level2/2.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Harness Engineering 驾驭工程</title> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
  • Network accessline 6
    <title>Harness Engineering 驾驭工程</title> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script> <style>
  • Network accessline 7
    <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>

assets/templates/PPT Template-level2/3-1.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Prompt Engineering · 提示词工程</title> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
  • Network accessline 6
    <title>Prompt Engineering · 提示词工程</title> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script> <style>
  • Network accessline 7
    <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>

assets/templates/PPT Template-level2/3-2.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Context Engineering · 上下文工程</title>     <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet">
  • Network accessline 6
    <title>Context Engineering · 上下文工程</title>     <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet">     <style>
  • Network accessline 7
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet">

assets/templates/PPT Template-level2/3-3.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Harness Engineering · 驾驭工程</title> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
  • Network accessline 6
    <title>Harness Engineering · 驾驭工程</title> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script> <style>
  • Network accessline 7
    <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>

assets/templates/PPT Template-level2/4-1.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>案例 · LangChain 实验 & Harness Engineering</title> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
  • Network accessline 6
    <title>案例 · LangChain 实验 & Harness Engineering</title> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script> <style>
  • Network accessline 7
    <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>

assets/templates/PPT Template-level2/4-2.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>案例② · Nate B Jones 实验</title> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
  • Network accessline 6
    <title>案例② · Nate B Jones 实验</title> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet">
  • Network accessline 7
    <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
  • Network accessline 8
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet">

assets/templates/PPT Template-level2/4-3.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>案例③ · OpenAI 百万行代码实验</title> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
  • Network accessline 6
    <title>案例③ · OpenAI 百万行代码实验</title> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script> <style>
  • Network accessline 7
    <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>

assets/templates/PPT Template-level2/5-1.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Agent 为什么会失败？· 失败模式①</title> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
  • Network accessline 6
    <title>Agent 为什么会失败？· 失败模式①</title> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet">
  • Network accessline 7
    <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
  • Network accessline 8
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet">

assets/templates/PPT Template-level2/5-2.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>失败模式② · 过早宣布胜利</title> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
  • Network accessline 6
    <title>失败模式② · 过早宣布胜利</title> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet">
  • Network accessline 7
    <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
  • Network accessline 8
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap" rel="stylesheet">

assets/templates/PPT Template-level2/5-3.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>失败模式③ · 过早标记功能完成</title> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>
  • Network accessline 6
    <title>失败模式③ · 过早标记功能完成</title> <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script> <style>
  • Network accessline 7
    <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.min.js"></script>

assets/templates/PPT Template-level2/5-4.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AI的隐藏危险：模式复制</title> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700;900&display=swap" rel="stylesheet">
  • Network accessline 6
    <title>AI的隐藏危险：模式复制</title> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700;900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.mi
  • Network accessline 7
    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700;900&display=swap" rel="stylesheet">
  • Network accessline 8
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

assets/templates/PPT Template-level2/6-1.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>第一个护栏：上下文工程</title>     <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&display=swap" rel="style
  • Network accessline 6
    <title>第一个护栏：上下文工程</title>     <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&display=swap" rel="stylesheet">     <style>
  • Network accessline 7
    <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&display=swap" rel="stylesheet">
  • Network accessline 849
    <!-- Shield Graphic -->         <div class="shield-graphic">             <svg viewBox="0 0 120 150" fill="none" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 850
    <div class="shield-graphic">             <svg viewBox="0 0 120 150" fill="none" xmlns="http://www.w3.org/2000/svg">                 <path d="M60 5L10 30V70C10 105 60 145 60 145C60 145 110 105 110 70V30L60 5Z"
  • Network accessline 851
    <svg viewBox="0 0 120 150" fill="none" xmlns="http://www.w3.org/2000/svg">

assets/templates/PPT Template-level2/6-2.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>架构约束 - Architecture Constraints</title>     <link href="https://cdn.jsdelivr.net/npm/remixicon@4.2.0/fonts/remixicon.css" rel="stylesheet">
  • Network accessline 6
    <title>架构约束 - Architecture Constraints</title>     <link href="https://cdn.jsdelivr.net/npm/remixicon@4.2.0/fonts/remixicon.css" rel="stylesheet">     <style>
  • Network accessline 7
    <link href="https://cdn.jsdelivr.net/npm/remixicon@4.2.0/fonts/remixicon.css" rel="stylesheet">
  • Network accessline 15
    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap');

assets/templates/PPT Template-level2/6-3.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>第三个护栏 - 反馈循环 Feedback Loop</title>     <link href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css" rel="stylesheet">
  • Network accessline 6
    <title>第三个护栏 - 反馈循环 Feedback Loop</title>     <link href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css" rel="stylesheet">     <style>
  • Network accessline 7
    <link href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css" rel="stylesheet">
  • Network accessline 11
    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap');

assets/templates/PPT Template-level2/6-4.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>护栏四：熵管理 Entropy Management</title> <link href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css" rel="stylesheet">
  • Network accessline 6
    <title>护栏四：熵管理 Entropy Management</title> <link href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css" rel="stylesheet"> <style>
  • Network accessline 7
    <link href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css" rel="stylesheet">
  • Network accessline 11
    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
  • Network accessline 684
    <!-- 中心代码图标 -->             <circle cx="170" cy="170" r="50" fill="url(#centerGrad)" opacity="0.9"/>             <foreignObject x="150" y="145" width="40" height="40"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;justify-con
  • Network accessline 685
    <circle cx="170" cy="170" r="50" fill="url(#centerGrad)" opacity="0.9"/>             <foreignObject x="150" y="145" width="40" height="40"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;justify-content:center;align-items:cent
  • Network accessline 686
    <foreignObject x="150" y="145" width="40" height="40"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;justify-content:center;align-items:center;height:100%;"><i class="ri-computer-line" style="font-size:28px;color:white;"></i>
  • Network accessline 947
    <g transform="translate(260,50)">               <rect x="0" y="0" width="80" height="60" rx="12" fill="rgba(255,255,255,0.04)" stroke="#22D3EE" stroke-width="2"/>               <foreignObject x="10" y="5" width="60" height="30"><div xmlns="
  • Network accessline 948
    <rect x="0" y="0" width="80" height="60" rx="12" fill="rgba(255,255,255,0.04)" stroke="#22D3EE" stroke-width="2"/>               <foreignObject x="10" y="5" width="60" height="30"><div xmlns="http://www.w3.org/1999/xhtml" style="display:fle
  • Network accessline 949
    <foreignObject x="10" y="5" width="60" height="30"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;justify-content:center;align-items:center;height:100%;"><i class="ri-code-box-line" style="font-size:22px;color:#22D3EE;"></i><
  • Network accessline 963
    <g transform="translate(260,270)">               <rect x="0" y="0" width="80" height="60" rx="12" fill="rgba(255,255,255,0.04)" stroke="#22D3EE" stroke-width="2"/>               <foreignObject x="10" y="5" width="60" height="30"><div xmlns=
  • Network accessline 964
    <rect x="0" y="0" width="80" height="60" rx="12" fill="rgba(255,255,255,0.04)" stroke="#22D3EE" stroke-width="2"/>               <foreignObject x="10" y="5" width="60" height="30"><div xmlns="http://www.w3.org/1999/xhtml" style="display:fle
  • Network accessline 965
    <foreignObject x="10" y="5" width="60" height="30"><div xmlns="http://www.w3.org/1999/xhtml" style="display:flex;justify-content:center;align-items:center;height:100%;"><i class="ri-code-box-line" style="font-size:22px;color:#22D3EE;"></i><

assets/templates/PPT Template-level2/7-1.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Trace 分析：总结经验教训</title> <link href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css" rel="stylesheet">
  • Network accessline 6
    <title>Trace 分析：总结经验教训</title> <link href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css" rel="stylesheet"> <style>
  • Network accessline 7
    <link href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css" rel="stylesheet">

assets/templates/PPT Template-level2/7-2.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>给 Agent 提供环境上下文</title> <link href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css" rel="stylesheet">
  • Network accessline 6
    <title>给 Agent 提供环境上下文</title> <link href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css" rel="stylesheet"> <style>
  • Network accessline 7
    <link href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css" rel="stylesheet">

assets/templates/PPT Template-level2/7-3.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>检测并破解 Doom Loop</title> <link href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css" rel="stylesheet">
  • Network accessline 6
    <title>检测并破解 Doom Loop</title> <link href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css" rel="stylesheet"> <style>
  • Network accessline 7
    <link href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css" rel="stylesheet">

assets/templates/PPT Template-level2/7-4.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>工具不是越多越好</title> <link href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css" rel="stylesheet">
  • Network accessline 6
    <title>工具不是越多越好</title> <link href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css" rel="stylesheet"> <style>
  • Network accessline 7
    <link href="https://cdn.jsdelivr.net/npm/remixicon@4.1.0/fonts/remixicon.css" rel="stylesheet">
  • Network accessline 11
    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap');

assets/templates/PPT Template-level2/8-1.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Harness 真的比模型重要吗？</title>     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  • Network accessline 6
    <title>Harness 真的比模型重要吗？</title>     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">     <style>
  • Network accessline 7
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  • Network accessline 15
    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap');

assets/templates/PPT Template-level2/8-2.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Big Harness 阵营的反击</title>     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  • Network accessline 6
    <title>Big Harness 阵营的反击</title>     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">     <style>
  • Network accessline 7
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  • Network accessline 11
    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap');

assets/templates/PPT Template-level2/8-3.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>两边都对了一半</title>     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  • Network accessline 6
    <title>两边都对了一半</title>     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">     <style>
  • Network accessline 7
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  • Network accessline 11
    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap');

assets/templates/PPT Template-level2/9-1.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>工程师角色的根本转变</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  • Network accessline 6
    <title>工程师角色的根本转变</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <style>
  • Network accessline 7
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  • Network accessline 9
    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
  • Network accessline 878
    top: 0; left: 0;     width: 100%; height: 100%;     background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2364748b' fill
  • Network accessline 879
    width: 100%; height: 100%;     background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2364748b' fill-opacity='0.1'%3E%3Cp
  • Network accessline 880
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2364748b' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h

assets/templates/PPT Template-level2/9-2.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Harness Engineering — 行业共识</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  • Network accessline 6
    <title>Harness Engineering — 行业共识</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <style>
  • Network accessline 7
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  • Network accessline 9
    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap');

assets/templates/PPT Template-level2/9-3.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>三个问题看懂 AI 编程工具</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  • Network accessline 6
    <title>三个问题看懂 AI 编程工具</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> <style>
  • Network accessline 7
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  • Network accessline 9
    @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap');

assets/templates/PPT/PPT-Generate-2.html

  • Network accessline 35
    width: 100%;             height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0
  • Network accessline 36
    height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitch
  • Network accessline 37
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filt
  • Network accessline 272
    <body> <div class="logo">     <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 273
    <div class="logo">     <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">         <!-- 调整logo颜色适配蓝色背景 -->
  • Network accessline 274
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">

assets/templates/PPT/PPT-Generate-3.html

  • Network accessline 5
    <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>OpenClaw 致命安全风险</title>     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  • Network accessline 6
    <title>OpenClaw 致命安全风险</title>     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">     <style>
  • Network accessline 7
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  • Network accessline 33
    width: 100%;             height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0
  • Network accessline 34
    height: 100%;             background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitch
  • Network accessline 35
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filt
  • Network accessline 907
    <!-- 右上角logo -->     <div class="logo">         <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  • Network accessline 908
    <div class="logo">         <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">             <circle cx="50" cy="30" r="12" fill="#60a5fa"/>
  • Network accessline 909
    <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">

How the signals fit together

Facts from a static read of the files at the pinned commit. They describe what the code does, not why.

Some files could not be read; the facts below still hold.

Signal confidence: 10 facts
  • Network access in prose of documentationCHANGELOG.md:3Low confidence
  • Network access in prose of documentationREADME.md:7Low confidence
  • Network access in prose of documentationREADME.md:8Low confidence
  • Network access in prose of documentationREADME.md:9Low confidence
  • Network access in prose of documentationREADME.md:38Low confidence
  • Network access in prose of documentationREADME.md:162Low confidence
  • Network access in prose of documentationREADME.md:163Low confidence
  • Network access in prose of documentationREADME.md:165Low confidence
  • Network access in prose of documentationREADME.md:169Low confidence
  • Network access in prose of documentationREADME.md:170Low confidence

Works with

Agent compatibility, from the files in this repository
AgentStatusEvidenceInstall to
Claude CodeCompatibleStandard SKILL.md SKILL.md.claude/skills/<skill-name>/
CodexCompatibleStandard SKILL.md SKILL.md.agents/skills/<skill-name>/
CursorCompatibleStandard SKILL.md SKILL.md.cursor/skills/<skill-name>/
Gemini CLICompatibleStandard SKILL.md SKILL.md.gemini/skills/<skill-name>/
GitHub CopilotCompatibleStandard SKILL.md SKILL.md.github/skills/<skill-name>/
OpenCodeCompatibleStandard SKILL.md SKILL.md.opencode/skills/<skill-name>/
  • Native The repository ships a manifest, folder or frontmatter field for this agent.
  • Compatible A standard SKILL.md that this agent can read.
  • Unknown No evidence either way.

Derived automatically from paths, manifests and frontmatter. Not tested on each agent.

You might also use

Unclecheng-li/AI_Animation

本项目整理了用于生成[炫酷 HTML 动画网页]的 AI Prompts，涵盖动画效果、3D 可视化、PPT 风格演示、UI 美化等多个类别。

1.7kGitHub stars

thedaviddias/Front-End-Checklist

🗂 The essential checklist for modern web development, for humans and AI agents

74.7kGitHub stars

AIPMAndy/LivePPT

把 Markdown / README 一键变成可翻页、可分享的 HTML 演示页（Claude Code Skill）｜Markdown to web slides

84GitHub stars

reactive-resume/reactive-resume

A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!

45.4kGitHub stars

ningzimu/codex-ppt-skill

Generate visually unified image-based PPT/PPTX decks from articles, reports, papers, notes, or outlines.

7.7kGitHub stars

vercel/eve

The Open Framework for Building Agents

5.8kGitHub stars