Paper2Agent
✨步子哥 (steper) •
2025年10月07日 15:03
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Paper to Agent框架 (Stanford Paper2Agent)</title>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #f5f7fa;
color: #333;
}
.slide {
width: 720px;
min-height: 960px;
margin: 0 auto;
background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 40px;
}
.background-decoration {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.05;
background-image:
radial-gradient(circle at 10% 20%, #1a73e8 0%, transparent 20%),
radial-gradient(circle at 90% 80%, #1a73e8 0%, transparent 20%),
radial-gradient(circle at 50% 50%, #1a73e8 0%, transparent 30%);
}
.content {
position: relative;
z-index: 1;
text-align: center;
width: 100%;
}
.title {
font-size: 56px;
font-weight: 700;
color: #1a73e8;
margin-bottom: 30px;
line-height: 1.2;
}
.subtitle {
font-size: 24px;
font-weight: 500;
color: #5f6368;
line-height: 1.5;
max-width: 90%;
margin: 0 auto;
}
.icon-container {
margin: 40px 0;
}
.material-icons {
font-size: 80px;
color: #1a73e8;
}
.decoration-line {
width: 100px;
height: 4px;
background-color: #1a73e8;
margin: 30px auto;
border-radius: 2px;
}
</style>
</head>
<body>
<div class="slide">
<div class="background-decoration"></div>
<div class="content">
<div class="icon-container">
<i class="material-icons">psychology</i>
</div>
<h1 class="title">Paper to Agent框架<br>(Stanford Paper2Agent)</h1>
<div class="decoration-line"></div>
<p class="subtitle">将论文转化为交互式AI助手，推动科研从"阅读"走向"对话"</p>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>框架概述</title>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #f5f7fa;
color: #333;
}
.slide {
width: 720px;
min-height: 960px;
margin: 0 auto;
background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
padding: 40px;
}
.background-decoration {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.05;
background-image:
radial-gradient(circle at 10% 20%, #1a73e8 0%, transparent 20%),
radial-gradient(circle at 90% 80%, #1a73e8 0%, transparent 20%),
radial-gradient(circle at 50% 50%, #1a73e8 0%, transparent 30%);
}
.content {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.header {
margin-bottom: 30px;
}
.title {
font-size: 50px;
font-weight: 700;
color: #1a73e8;
margin-bottom: 15px;
}
.decoration-line {
width: 80px;
height: 4px;
background-color: #1a73e8;
border-radius: 2px;
}
.main-content {
display: flex;
flex-grow: 1;
gap: 30px;
}
.text-content {
flex: 1;
}
.image-content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
}
.image-container {
width: 100%;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
.image-container img {
width: 100%;
height: auto;
display: block;
}
.key-point {
margin-bottom: 20px;
display: flex;
align-items: flex-start;
}
.key-point .material-icons {
color: #1a73e8;
margin-right: 15px;
font-size: 24px;
flex-shrink: 0;
}
.key-point-text {
font-size: 24px;
line-height: 1.5;
color: #5f6368;
}
.highlight {
color: #1a73e8;
font-weight: 500;
}
.feature-box {
background-color: rgba(26, 115, 232, 0.08);
border-radius: 12px;
padding: 20px;
margin-top: 20px;
}
.feature-title {
font-size: 26px;
font-weight: 500;
color: #1a73e8;
margin-bottom: 15px;
display: flex;
align-items: center;
}
.feature-title .material-icons {
margin-right: 10px;
}
.feature-item {
display: flex;
align-items: flex-start;
margin-bottom: 10px;
}
.feature-item .material-icons {
color: #1a73e8;
margin-right: 10px;
font-size: 20px;
flex-shrink: 0;
}
.feature-text {
font-size: 22px;
line-height: 1.4;
color: #5f6368;
}
</style>
</head>
<body>
<div class="slide">
<div class="background-decoration"></div>
<div class="content">
<div class="header">
<h1 class="title">框架概述</h1>
<div class="decoration-line"></div>
</div>
<div class="main-content">
<div class="text-content">
<div class="key-point">
<i class="material-icons">school</i>
<div class="key-point-text">
<span class="highlight">斯坦福大学</span>研究人员提出的自动化框架
</div>
</div>
<div class="key-point">
<i class="material-icons">psychology</i>
<div class="key-point-text">
将科研论文转化为<span class="highlight">"研究助手型"AI智能体</span>
</div>
</div>
<div class="key-point">
<i class="material-icons">sync_alt</i>
<div class="key-point-text">
学术成果可直接被<span class="highlight">"调用"</span>，推动科研从"阅读"走向"对话"
</div>
</div>
<div class="key-point">
<i class="material-icons">groups</i>
<div class="key-point-text">
支持<span class="highlight">多智能体协同作业</span>
</div>
</div>
<div class="feature-box">
<div class="feature-title">
<i class="material-icons">stars</i>论文智能体特点
</div>
<div class="feature-item">
<i class="material-icons">chat</i>
<div class="feature-text">
<span class="highlight">交互便捷</span>：自然语言执行复杂科学分析，无需编程基础
</div>
</div>
<div class="feature-item">
<i class="material-icons">verified</i>
<div class="feature-text">
<span class="highlight">可靠易复现</span>：工具通过示例数据集验证，锁定配置确保可复现性
</div>
</div>
</div>
</div>
<div class="image-content">
<div class="image-container">
<img src="https://sfile.chatglm.cn/moeSlide/image/9e/9e17ef02.jpg" alt="AI支持学术功能的六个领域">
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>技术实现</title>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #f5f7fa;
color: #333;
}
.slide {
width: 720px;
min-height: 960px;
margin: 0 auto;
background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
padding: 40px;
}
.background-decoration {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.05;
background-image:
radial-gradient(circle at 10% 20%, #1a73e8 0%, transparent 20%),
radial-gradient(circle at 90% 80%, #1a73e8 0%, transparent 20%),
radial-gradient(circle at 50% 50%, #1a73e8 0%, transparent 30%);
}
.content {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.header {
margin-bottom: 30px;
}
.title {
font-size: 50px;
font-weight: 700;
color: #1a73e8;
margin-bottom: 15px;
}
.decoration-line {
width: 80px;
height: 4px;
background-color: #1a73e8;
border-radius: 2px;
}
.main-content {
display: flex;
flex-direction: column;
flex-grow: 1;
gap: 25px;
}
.section {
background-color: rgba(255, 255, 255, 0.7);
border-radius: 12px;
padding: 20px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.section-title {
font-size: 28px;
font-weight: 500;
color: #1a73e8;
margin-bottom: 15px;
display: flex;
align-items: center;
}
.section-title .material-icons {
margin-right: 10px;
font-size: 28px;
}
.component-grid {
display: flex;
gap: 15px;
margin-top: 15px;
}
.component-item {
flex: 1;
background-color: rgba(26, 115, 232, 0.08);
border-radius: 8px;
padding: 15px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.component-item .material-icons {
font-size: 36px;
color: #1a73e8;
margin-bottom: 10px;
}
.component-name {
font-size: 22px;
font-weight: 500;
color: #1a73e8;
margin-bottom: 8px;
}
.component-desc {
font-size: 18px;
line-height: 1.4;
color: #5f6368;
}
.workflow {
display: flex;
justify-content: space-between;
margin-top: 15px;
}
.workflow-step {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
position: relative;
}
.workflow-step:not(:last-child)::after {
content: "";
position: absolute;
top: 30px;
right: -15px;
width: 30px;
height: 2px;
background-color: #1a73e8;
}
.step-number {
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #1a73e8;
color: white;
display: flex;
justify-content: center;
align-items: center;
font-size: 28px;
font-weight: 700;
margin-bottom: 15px;
}
.step-title {
font-size: 20px;
font-weight: 500;
color: #1a73e8;
margin-bottom: 8px;
}
.step-desc {
font-size: 16px;
line-height: 1.4;
color: #5f6368;
}
.key-point {
display: flex;
align-items: flex-start;
margin-bottom: 12px;
}
.key-point .material-icons {
color: #1a73e8;
margin-right: 10px;
font-size: 22px;
flex-shrink: 0;
}
.key-point-text {
font-size: 20px;
line-height: 1.4;
color: #5f6368;
}
.highlight {
color: #1a73e8;
font-weight: 500;
}
.image-container {
width: 100%;
border-radius: 12px;
overflow: hidden;
margin-top: 15px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.image-container img {
width: 100%;
height: auto;
display: block;
}
</style>
</head>
<body>
<div class="slide">
<div class="background-decoration"></div>
<div class="content">
<div class="header">
<h1 class="title">技术实现</h1>
<div class="decoration-line"></div>
</div>
<div class="main-content">
<div class="section">
<div class="section-title">
<i class="material-icons">architecture</i>基于MCP生态系统构建
</div>
<div class="key-point">
<i class="material-icons">hub</i>
<div class="key-point-text">
基于<span class="highlight">MCP (Model Context Protocol)</span>生态系统构建
</div>
</div>
<div class="key-point">
<i class="material-icons">layers</i>
<div class="key-point-text">
两个关键组件：<span class="highlight">Paper2MCP</span>和<span class="highlight">智能体层</span>
</div>
</div>
</div>
<div class="section">
<div class="section-title">
<i class="material-icons">view_module</i>MCP服务器核心组件
</div>
<div class="component-grid">
<div class="component-item">
<i class="material-icons">build</i>
<div class="component-name">MCP工具</div>
<div class="component-desc">可执行函数，封装论文中的方法学创新</div>
</div>
<div class="component-item">
<i class="material-icons">storage</i>
<div class="component-name">MCP资源</div>
<div class="component-desc">静态资源仓库，包含论文文本、代码库及补充材料</div>
</div>
<div class="component-item">
<i class="material-icons">description</i>
<div class="component-name">MCP提示词</div>
<div class="component-desc">精炼的指令模板，引导AI智能体完成多步骤科学工作流</div>
</div>
</div>
</div>
<div class="section">
<div class="section-title">
<i class="material-icons">sync</i>转化流程
</div>
<div class="workflow">
<div class="workflow-step">
<div class="step-number">1</div>
<div class="step-title">识别关键贡献</div>
<div class="step-desc">数据集、方法、模型或工作流</div>
</div>
<div class="workflow-step">
<div class="step-number">2</div>
<div class="step-title">封装为MCP服务器</div>
<div class="step-desc">明确输入、输出与使用说明</div>
</div>
<div class="workflow-step">
<div class="step-number">3</div>
<div class="step-title">连接至LLM智能体</div>
<div class="step-desc">实现自然语言查询与自主执行</div>
</div>
</div>
</div>
<div class="image-container">
<img src="https://sfile.chatglm.cn/moeSlide/image/df/df043a4c.jpg" alt="Paper2Agent技术流程图">
</div>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>案例研究1：AlphaGenome智能体</title>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #f5f7fa;
color: #333;
}
.slide {
width: 720px;
min-height: 960px;
margin: 0 auto;
background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
padding: 40px;
}
.background-decoration {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.05;
background-image:
radial-gradient(circle at 10% 20%, #1a73e8 0%, transparent 20%),
radial-gradient(circle at 90% 80%, #1a73e8 0%, transparent 20%),
radial-gradient(circle at 50% 50%, #1a73e8 0%, transparent 30%);
}
.content {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.header {
margin-bottom: 30px;
}
.title {
font-size: 50px;
font-weight: 700;
color: #1a73e8;
margin-bottom: 15px;
}
.decoration-line {
width: 80px;
height: 4px;
background-color: #1a73e8;
border-radius: 2px;
}
.main-content {
display: flex;
flex-grow: 1;
gap: 30px;
}
.text-content {
flex: 1;
display: flex;
flex-direction: column;
}
.image-content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.image-container {
width: 100%;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}
.image-container img {
width: 100%;
height: auto;
display: block;
}
.key-point {
margin-bottom: 20px;
display: flex;
align-items: flex-start;
}
.key-point .material-icons {
color: #1a73e8;
margin-right: 15px;
font-size: 24px;
flex-shrink: 0;
}
.key-point-text {
font-size: 24px;
line-height: 1.5;
color: #5f6368;
}
.highlight {
color: #1a73e8;
font-weight: 500;
}
.stats-box {
background-color: rgba(26, 115, 232, 0.08);
border-radius: 12px;
padding: 20px;
margin-top: auto;
display: flex;
align-items: center;
justify-content: space-around;
}
.stat-item {
text-align: center;
}
.stat-number {
font-size: 40px;
font-weight: 700;
color: #1a73e8;
margin-bottom: 5px;
}
.stat-label {
font-size: 18px;
color: #5f6368;
}
.feature-box {
background-color: rgba(26, 115, 232, 0.08);
border-radius: 12px;
padding: 20px;
margin-bottom: 20px;
}
.feature-title {
font-size: 26px;
font-weight: 500;
color: #1a73e8;
margin-bottom: 15px;
display: flex;
align-items: center;
}
.feature-title .material-icons {
margin-right: 10px;
}
.feature-item {
display: flex;
align-items: flex-start;
margin-bottom: 10px;
}
.feature-item .material-icons {
color: #1a73e8;
margin-right: 10px;
font-size: 20px;
flex-shrink: 0;
}
.feature-text {
font-size: 22px;
line-height: 1.4;
color: #5f6368;
}
.example-box {
background-color: white;
border-radius: 12px;
padding: 15px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
margin-top: 20px;
}
.example-title {
font-size: 22px;
font-weight: 500;
color: #1a73e8;
margin-bottom: 10px;
display: flex;
align-items: center;
}
.example-title .material-icons {
margin-right: 10px;
font-size: 22px;
}
.example-text {
font-size: 20px;
line-height: 1.4;
color: #5f6368;
font-style: italic;
}
</style>
</head>
<body>
<div class="slide">
<div class="background-decoration"></div>
<div class="content">
<div class="header">
<h1 class="title">案例研究1：AlphaGenome智能体</h1>
<div class="decoration-line"></div>
</div>
<div class="main-content">
<div class="text-content">
<div class="key-point">
<i class="material-icons">biotech</i>
<div class="key-point-text">
预测人类DNA中<span class="highlight">单核苷酸变异(SNV)</span>对多种基因调控过程的影响
</div>
</div>
<div class="key-point">
<i class="material-icons">psychology</i>
<div class="key-point-text">
将AlphaGenome论文转化为<span class="highlight">可交互的智能体</span>，自动解读基因组数据
</div>
</div>
<div class="feature-box">
<div class="feature-title">
<i class="material-icons">build</i>MCP工具生成
</div>
<div class="feature-item">
<i class="material-icons">timer</i>
<div class="feature-text">
<span class="highlight">3小时</span>内生成<span class="highlight">22个</span>MCP工具
</div>
</div>
<div class="feature-item">
<i class="material-icons">extension</i>
<div class="feature-text">
覆盖单变异与批量变异评分、序列级预测、组织本体探索及可视化功能
</div>
</div>
</div>
<div class="stats-box">
<div class="stat-item">
<div class="stat-number">100%</div>
<div class="stat-label">准确率</div>
</div>
<div class="stat-item">
<div class="stat-number">22</div>
<div class="stat-label">MCP工具</div>
</div>
<div class="stat-item">
<div class="stat-number">3h</div>
<div class="stat-label">生成时间</div>
</div>
</div>
<div class="example-box">
<div class="example-title">
<i class="material-icons">science</i>应用案例
</div>
<div class="example-text">
解释"chr1:109274968:G>T与低密度脂蛋白胆固醇(LDL-C)相关的原因"
</div>
</div>
</div>
<div class="image-content">
<div class="image-container">
<img src="https://sfile.chatglm.cn/moeSlide/image/f3/f386113b.jpg" alt="AlphaGenome基因组数据分析可视化">
</div>
<div class="image-container">
<img src="https://sfile.chatglm.cn/moeSlide/image/1d/1dc088bd.jpg" alt="基因与AI技术相关术语的圆形关系图">
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>案例研究2：TISSUE智能体</title>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #f5f7fa;
color: #333;
}
.slide {
width: 720px;
min-height: 960px;
margin: 0 auto;
background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
padding: 40px;
}
.background-decoration {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.05;
background-image:
radial-gradient(circle at 10% 20%, #1a73e8 0%, transparent 20%),
radial-gradient(circle at 90% 80%, #1a73e8 0%, transparent 20%),
radial-gradient(circle at 50% 50%, #1a73e8 0%, transparent 30%);
}
.content {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.header {
margin-bottom: 30px;
}
.title {
font-size: 50px;
font-weight: 700;
color: #1a73e8;
margin-bottom: 15px;
}
.decoration-line {
width: 80px;
height: 4px;
background-color: #1a73e8;
border-radius: 2px;
}
.main-content {
display: flex;
flex-grow: 1;
gap: 30px;
}
.text-content {
flex: 1;
display: flex;
flex-direction: column;
}
.image-content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.image-container {
width: 100%;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}
.image-container img {
width: 100%;
height: auto;
display: block;
}
.key-point {
margin-bottom: 20px;
display: flex;
align-items: flex-start;
}
.key-point .material-icons {
color: #1a73e8;
margin-right: 15px;
font-size: 24px;
flex-shrink: 0;
}
.key-point-text {
font-size: 24px;
line-height: 1.5;
color: #5f6368;
}
.highlight {
color: #1a73e8;
font-weight: 500;
}
.feature-box {
background-color: rgba(26, 115, 232, 0.08);
border-radius: 12px;
padding: 20px;
margin-bottom: 20px;
}
.feature-title {
font-size: 26px;
font-weight: 500;
color: #1a73e8;
margin-bottom: 15px;
display: flex;
align-items: center;
}
.feature-title .material-icons {
margin-right: 10px;
}
.feature-item {
display: flex;
align-items: flex-start;
margin-bottom: 10px;
}
.feature-item .material-icons {
color: #1a73e8;
margin-right: 10px;
font-size: 20px;
flex-shrink: 0;
}
.feature-text {
font-size: 22px;
line-height: 1.4;
color: #5f6368;
}
.stats-box {
background-color: rgba(26, 115, 232, 0.08);
border-radius: 12px;
padding: 20px;
margin-top: auto;
display: flex;
align-items: center;
justify-content: space-around;
}
.stat-item {
text-align: center;
}
.stat-number {
font-size: 40px;
font-weight: 700;
color: #1a73e8;
margin-bottom: 5px;
}
.stat-label {
font-size: 18px;
color: #5f6368;
}
.scenario-box {
background-color: white;
border-radius: 12px;
padding: 15px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
margin-top: 20px;
}
.scenario-title {
font-size: 22px;
font-weight: 500;
color: #1a73e8;
margin-bottom: 10px;
display: flex;
align-items: center;
}
.scenario-title .material-icons {
margin-right: 10px;
font-size: 22px;
}
.scenario-text {
font-size: 20px;
line-height: 1.4;
color: #5f6368;
}
</style>
</head>
<body>
<div class="slide">
<div class="background-decoration"></div>
<div class="content">
<div class="header">
<h1 class="title">案例研究2：TISSUE智能体</h1>
<div class="decoration-line"></div>
</div>
<div class="main-content">
<div class="text-content">
<div class="key-point">
<i class="material-icons">science</i>
<div class="key-point-text">
<span class="highlight">不确定性感知</span>的单细胞空间转录组分析新方法
</div>
</div>
<div class="key-point">
<i class="material-icons">psychology</i>
<div class="key-point-text">
通过Paper2Agent自动生成<span class="highlight">交互式智能体</span>
</div>
</div>
<div class="feature-box">
<div class="feature-title">
<i class="material-icons">build</i>MCP工具功能
</div>
<div class="feature-item">
<i class="material-icons">analytics</i>
<div class="feature-text">
<span class="highlight">6个工具</span>：空间基因表达预测、预测区间构建、不确定性下游分析
</div>
</div>
<div class="feature-item">
<i class="material-icons">auto_awesome</i>
<div class="feature-text">
<span class="highlight">自动执行</span>完整流程：数据加载、预处理、插补到不确定性估计
</div>
</div>
</div>
<div class="scenario-box">
<div class="scenario-title">
<i class="material-icons">help_outline</i>应用场景
</div>
<div class="scenario-text">
研究人员希望将新方法应用于自己的数据，但时间有限，难以深入理解代码库、配置运行环境
</div>
</div>
<div class="stats-box">
<div class="stat-item">
<div class="stat-number">6</div>
<div class="stat-label">MCP工具</div>
</div>
<div class="stat-item">
<div class="stat-number">100%</div>
<div class="stat-label">自动化流程</div>
</div>
<div class="stat-item">
<div class="stat-number">∞</div>
<div class="stat-label">交互式指南</div>
</div>
</div>
</div>
<div class="image-content">
<div class="image-container">
<img src="https://sfile.chatglm.cn/moeSlide/image/0f/0f07d0ba.jpg" alt="单细胞空间转录组分析可视化">
</div>
<div class="image-container">
<img src="https://sfile.chatglm.cn/moeSlide/image/4c/4c678815.jpg" alt="空间基因表达数据分析流程图">
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>案例研究3：Scanpy智能体</title>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #f5f7fa;
color: #333;
}
.slide {
width: 720px;
min-height: 960px;
margin: 0 auto;
background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
padding: 40px;
}
.background-decoration {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.05;
background-image:
radial-gradient(circle at 10% 20%, #1a73e8 0%, transparent 20%),
radial-gradient(circle at 90% 80%, #1a73e8 0%, transparent 20%),
radial-gradient(circle at 50% 50%, #1a73e8 0%, transparent 30%);
}
.content {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.header {
margin-bottom: 30px;
}
.title {
font-size: 50px;
font-weight: 700;
color: #1a73e8;
margin-bottom: 15px;
}
.decoration-line {
width: 80px;
height: 4px;
background-color: #1a73e8;
border-radius: 2px;
}
.main-content {
display: flex;
flex-grow: 1;
gap: 30px;
}
.text-content {
flex: 1;
display: flex;
flex-direction: column;
}
.image-content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.image-container {
width: 100%;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}
.image-container img {
width: 100%;
height: auto;
display: block;
}
.key-point {
margin-bottom: 20px;
display: flex;
align-items: flex-start;
}
.key-point .material-icons {
color: #1a73e8;
margin-right: 15px;
font-size: 24px;
flex-shrink: 0;
}
.key-point-text {
font-size: 24px;
line-height: 1.5;
color: #5f6368;
}
.highlight {
color: #1a73e8;
font-weight: 500;
}
.feature-box {
background-color: rgba(26, 115, 232, 0.08);
border-radius: 12px;
padding: 20px;
margin-bottom: 20px;
}
.feature-title {
font-size: 26px;
font-weight: 500;
color: #1a73e8;
margin-bottom: 15px;
display: flex;
align-items: center;
}
.feature-title .material-icons {
margin-right: 10px;
}
.feature-item {
display: flex;
align-items: flex-start;
margin-bottom: 10px;
}
.feature-item .material-icons {
color: #1a73e8;
margin-right: 10px;
font-size: 20px;
flex-shrink: 0;
}
.feature-text {
font-size: 22px;
line-height: 1.4;
color: #5f6368;
}
.stats-box {
background-color: rgba(26, 115, 232, 0.08);
border-radius: 12px;
padding: 20px;
margin-top: auto;
display: flex;
align-items: center;
justify-content: space-around;
}
.stat-item {
text-align: center;
}
.stat-number {
font-size: 40px;
font-weight: 700;
color: #1a73e8;
margin-bottom: 5px;
}
.stat-label {
font-size: 18px;
color: #5f6368;
}
.workflow-box {
background-color: white;
border-radius: 12px;
padding: 15px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
margin-top: 20px;
}
.workflow-title {
font-size: 22px;
font-weight: 500;
color: #1a73e8;
margin-bottom: 10px;
display: flex;
align-items: center;
}
.workflow-title .material-icons {
margin-right: 10px;
font-size: 22px;
}
.workflow-steps {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.workflow-step {
background-color: rgba(26, 115, 232, 0.08);
border-radius: 20px;
padding: 8px 15px;
font-size: 18px;
color: #1a73e8;
font-weight: 500;
}
</style>
</head>
<body>
<div class="slide">
<div class="background-decoration"></div>
<div class="content">
<div class="header">
<h1 class="title">案例研究3：Scanpy智能体</h1>
<div class="decoration-line"></div>
</div>
<div class="main-content">
<div class="text-content">
<div class="key-point">
<i class="material-icons">data_object</i>
<div class="key-point-text">
<span class="highlight">单细胞转录组分析</span>工具包，功能强大且广泛使用
</div>
</div>
<div class="key-point">
<i class="material-icons">psychology</i>
<div class="key-point-text">
聚焦于<span class="highlight">单细胞数据预处理与聚类</span>的特定分析任务
</div>
</div>
<div class="feature-box">
<div class="feature-title">
<i class="material-icons">build</i>MCP工具生成
</div>
<div class="feature-item">
<i class="material-icons">timer</i>
<div class="feature-text">
<span class="highlight">45分钟</span>内生成<span class="highlight">7个</span>工具
</div>
</div>
<div class="feature-item">
<i class="material-icons">description</i>
<div class="feature-text">
通过<span class="highlight">MCP提示词</span>规范流程，自动推理得出，无需人工整理
</div>
</div>
</div>
<div class="workflow-box">
<div class="workflow-title">
<i class="material-icons">sync_alt</i>标准预处理与聚类流程
</div>
<div class="workflow-steps">
<div class="workflow-step">质控</div>
<div class="workflow-step">标准化</div>
<div class="workflow-step">特征选择</div>
<div class="workflow-step">降维</div>
<div class="workflow-step">图构建</div>
<div class="workflow-step">聚类</div>
<div class="workflow-step">细胞类型注释</div>
</div>
</div>
<div class="stats-box">
<div class="stat-item">
<div class="stat-number">7</div>
<div class="stat-label">MCP工具</div>
</div>
<div class="stat-item">
<div class="stat-number">45</div>
<div class="stat-label">分钟</div>
</div>
<div class="stat-item">
<div class="stat-number">100%</div>
<div class="stat-label">一致性</div>
</div>
</div>
</div>
<div class="image-content">
<div class="image-container">
<img src="https://sfile.chatglm.cn/moeSlide/image/4c/4cc9f84e.jpg" alt="Scanpy UMAP降维图">
</div>
<div class="image-container">
<img src="https://sfile.chatglm.cn/moeSlide/image/f9/f9930198.jpg" alt="不同分辨率下的UMAP降维图">
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>机遇与挑战</title>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Noto Sans SC', sans-serif;
background-color: #f5f7fa;
color: #333;
}
.slide {
width: 720px;
min-height: 960px;
margin: 0 auto;
background: linear-gradient(135deg, #f5f7fa 0%, #e4ecf7 100%);
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
padding: 40px;
}
.background-decoration {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: 0.05;
background-image:
radial-gradient(circle at 10% 20%, #1a73e8 0%, transparent 20%),
radial-gradient(circle at 90% 80%, #1a73e8 0%, transparent 20%),
radial-gradient(circle at 50% 50%, #1a73e8 0%, transparent 30%);
}
.content {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.header {
margin-bottom: 30px;
}
.title {
font-size: 50px;
font-weight: 700;
color: #1a73e8;
margin-bottom: 15px;
}
.decoration-line {
width: 80px;
height: 4px;
background-color: #1a73e8;
border-radius: 2px;
}
.main-content {
display: flex;
flex-grow: 1;
gap: 30px;
}
.column {
flex: 1;
display: flex;
flex-direction: column;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}
.column-header {
padding: 20px;
display: flex;
align-items: center;
}
.opportunities .column-header {
background-color: rgba(26, 115, 232, 0.9);
color: white;
}
.challenges .column-header {
background-color: rgba(234, 67, 53, 0.9);
color: white;
}
.column-title {
font-size: 32px;
font-weight: 700;
margin-left: 15px;
}
.column-content {
flex-grow: 1;
padding: 25px;
background-color: white;
}
.item {
display: flex;
align-items: flex-start;
margin-bottom: 25px;
}
.item:last-child {
margin-bottom: 0;
}
.item-icon {
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 15px;
flex-shrink: 0;
}
.opportunities .item-icon {
background-color: rgba(26, 115, 232, 0.1);
color: #1a73e8;
}
.challenges .item-icon {
background-color: rgba(234, 67, 53, 0.1);
color: #ea4335;
}
.item-icon .material-icons {
font-size: 28px;
}
.item-content {
flex-grow: 1;
}
.item-title {
font-size: 24px;
font-weight: 500;
margin-bottom: 8px;
line-height: 1.3;
}
.opportunities .item-title {
color: #1a73e8;
}
.challenges .item-title {
color: #ea4335;
}
.item-description {
font-size: 20px;
line-height: 1.5;
color: #5f6368;
}
</style>
</head>
<body>
<div class="slide">
<div class="background-decoration"></div>
<div class="content">
<div class="header">
<h1 class="title">机遇与挑战</h1>
<div class="decoration-line"></div>
</div>
<div class="main-content">
<div class="column opportunities">
<div class="column-header">
<i class="material-icons" style="font-size: 32px;">lightbulb</i>
<div class="column-title">机遇</div>
</div>
<div class="column-content">
<div class="item">
<div class="item-icon">
<i class="material-icons">speed</i>
</div>
<div class="item-content">
<div class="item-title">科研加速</div>
<div class="item-description">将论文转化为交互式AI助手，缩短从阅读、理解到应用的时间</div>
</div>
</div>
<div class="item">
<div class="item-icon">
<i class="material-icons">public</i>
</div>
<div class="item-content">
<div class="item-title">知识民主化</div>
<div class="item-description">降低科研门槛，使更多人能够接触和应用前沿科研成果</div>
</div>
</div>
<div class="item">
<div class="item-icon">
<i class="material-icons">verified</i>
</div>
<div class="item-content">
<div class="item-title">提高研究可复现性</div>
<div class="item-description">通过自动化工具和环境配置，确保研究结果的可复现性</div>
</div>
</div>
<div class="item">
<div class="item-icon">
<i class="material-icons">groups</i>
</div>
<div class="item-content">
<div class="item-title">多智能体协同</div>
<div class="item-description">支持多个智能体协同工作，解决复杂科研问题</div>
</div>
</div>
</div>
</div>
<div class="column challenges">
<div class="column-header">
<i class="material-icons" style="font-size: 32px;">warning</i>
<div class="column-title">挑战</div>
</div>
<div class="column-content">
<div class="item">
<div class="item-icon">
<i class="material-icons">gpp_maybe</i>
</div>
<div class="item-content">
<div class="item-title">结果可信度</div>
<div class="item-description">如何确保AI智能体生成的结果准确可靠</div>
</div>
</div>
<div class="item">
<div class="item-icon">
<i class="material-icons">security</i>
</div>
<div class="item-content">
<div class="item-title">安全性问题</div>
<div class="item-description">如何防止智能体被滥用或产生有害结果</div>
</div>
</div>
<div class="item">
<div class="item-icon">
<i class="material-icons">psychology_alt</i>
</div>
<div class="item-content">
<div class="item-title">技术依赖</div>
<div class="item-description">过度依赖AI可能导致研究人员缺乏对基础原理的深入理解</div>
</div>
</div>
<div class="item">
<div class="item-icon">
<i class="material-icons">memory</i>
</div>
<div class="item-content">
<div class="item-title">资源消耗</div>
<div class="item-description">生成和运行智能体需要一定的计算资源</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
登录后可参与表态
讨论回复
0 条回复还没有人回复，快来发表你的看法吧！