Files
mcn-short-video/project/AI创作平台toc/项目版本01/05_项目产出/产品框图/技能接口框图.html
T

574 lines
28 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI创作平台(ToC)- 技能接口框图</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
background: #f8f9fb;
color: #2c2c2a;
padding: 40px 0;
}
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
h1 { font-size: 22px; font-weight: 500; text-align: center; margin-bottom: 8px; color: #26215c; }
.subtitle { text-align: center; font-size: 13px; color: #888780; margin-bottom: 36px; }
/* ---- Platform Header ---- */
.platform-header {
max-width: 960px; margin: 0 auto 28px;
background: #26215c; border-radius: 12px; padding: 20px 24px;
display: flex; align-items: center; justify-content: space-between;
color: #fff;
}
.platform-title { font-size: 16px; font-weight: 500; }
.platform-title span { font-size: 12px; color: #b8b5d0; margin-left: 8px; }
.platform-badges { display: flex; gap: 8px; }
.badge {
font-size: 11px; padding: 4px 10px; border-radius: 6px;
border: 1px solid rgba(255,255,255,0.3); color: #e8e6f8;
}
.badge.active { background: rgba(255,255,255,0.15); }
/* ---- Skill Cards ---- */
.skills-grid {
max-width: 960px; margin: 0 auto;
display: grid; grid-template-columns: 1fr 1fr; gap: 20px;
}
.skill-card {
background: #fff; border-radius: 12px;
border: 1.5px solid #e0ddd2; transition: border-color 0.3s;
overflow: hidden;
}
.skill-card:hover { border-color: #534AB7; }
.skill-card-header {
padding: 16px 20px;
display: flex; align-items: center; justify-content: space-between;
border-bottom: 1px solid #f0eee4;
}
.skill-id {
font-size: 12px; font-weight: 500; padding: 3px 8px;
border-radius: 5px; color: #fff;
}
.skill-name { font-size: 15px; font-weight: 500; color: #2c2c2a; margin-left: 10px; }
.skill-left { display: flex; align-items: center; }
.version-tag {
font-size: 11px; padding: 3px 10px; border-radius: 5px;
font-weight: 500;
}
.version-v1 { background: #e6f5ee; color: #0F6E56; }
.version-v1-1 { background: #f1efe8; color: #888780; }
.skill-body { padding: 20px; }
/* ---- Interface Section ---- */
.interface-section { margin-bottom: 16px; }
.interface-label {
font-size: 11px; font-weight: 500; margin-bottom: 8px;
display: flex; align-items: center; gap: 6px;
}
.interface-label .icon {
width: 18px; height: 18px; border-radius: 4px;
display: flex; align-items: center; justify-content: center;
font-size: 10px; color: #fff;
}
.input-icon { background: #534AB7; }
.output-icon { background: #D85A30; }
.flow-icon { background: #0F6E56; }
.interface-items { display: flex; flex-direction: column; gap: 6px; }
.interface-item {
font-size: 12px; color: #5f5e5a; line-height: 1.5;
padding: 6px 10px; background: #f8f7f2; border-radius: 6px;
display: flex; align-items: flex-start; gap: 6px;
}
.interface-item .field-name {
font-weight: 500; color: #2c2c2a; white-space: nowrap; min-width: 60px;
}
.interface-item .field-desc { color: #888780; }
/* ---- Flow Arrow inside card ---- */
.flow-arrow {
text-align: center; padding: 10px 0;
font-size: 14px; color: #b4b2a9;
position: relative;
}
.flow-arrow::before {
content: ''; display: block; width: 1px; height: 20px;
background: #d3d1c7; margin: 0 auto;
}
.flow-arrow::after {
content: ''; display: block; width: 1px; height: 20px;
background: #d3d1c7; margin: 0 auto;
}
.flow-label {
font-size: 11px; color: #888780; padding: 2px 8px;
background: #f1efe8; border-radius: 4px;
}
/* ---- Creative Script Case ---- */
.case-section {
max-width: 960px; margin: 20px auto 0;
padding: 20px 24px; background: #fff; border-radius: 10px;
border: 1px solid #e0ddd2;
}
.case-title {
font-size: 13px; font-weight: 500; color: #26215c; margin-bottom: 4px;
display: flex; align-items: center; gap: 8px;
}
.case-title .dot { width: 10px; height: 10px; border-radius: 2px; background: #D85A30; }
.case-subtitle {
font-size: 12px; color: #888780; margin-bottom: 16px; padding-left: 18px;
}
.script-case-content {
background: #f8f7f2; border-radius: 8px; padding: 24px 28px;
font-size: 13px; line-height: 1.8; color: #2c2c2a;
}
.script-main-title {
font-size: 18px; font-weight: 600; color: #26215c;
text-align: center; margin-bottom: 24px;
}
.script-scene { margin-bottom: 22px; }
.script-scene-title {
font-size: 14px; font-weight: 600; color: #2c2c2a;
margin-bottom: 10px; margin-top: 18px;
}
.script-scene p { margin-bottom: 10px; text-align: justify; }
.script-scene p:first-of-type { margin-top: 0; }
.script-note {
margin-top: 20px; padding: 12px 16px; background: #fff;
border-radius: 6px; font-size: 12px; color: #888780; line-height: 1.6;
}
/* ---- Connection Arrow between cards ---- */
.connection-section {
max-width: 960px; margin: 20px auto 0;
padding: 16px 20px; background: #fff; border-radius: 10px;
border: 1px solid #e0ddd2;
}
.connection-title {
font-size: 13px; font-weight: 500; color: #26215c; margin-bottom: 12px;
display: flex; align-items: center; gap: 8px;
}
.connection-title .dot { width: 10px; height: 10px; border-radius: 2px; background: #185FA5; }
.connection-flows { display: flex; flex-direction: column; gap: 8px; }
.flow-row {
display: flex; align-items: center; gap: 8px;
font-size: 12px; color: #5f5e5a;
}
.flow-from, .flow-to {
padding: 4px 10px; border-radius: 5px;
font-weight: 500; font-size: 12px;
}
.flow-from-f1 { background: #f0eef5; color: #534AB7; }
.flow-from-f4 { background: #f1efe8; color: #888780; }
.flow-to-f2 { background: #e6f5ee; color: #0F6E56; }
.flow-to-f1 { background: #f0eef5; color: #534AB7; }
.flow-to-f3 { background: #f1efe8; color: #888780; }
.flow-arrow-icon { color: #b4b2a9; font-size: 14px; }
.flow-desc { color: #888780; font-size: 11px; margin-left: 4px; }
/* ---- V1.1 Section ---- */
.v1-1-section {
max-width: 960px; margin: 24px auto 0;
}
.v1-1-title {
font-size: 13px; font-weight: 500; color: #888780; margin-bottom: 12px;
display: flex; align-items: center; gap: 8px;
}
.v1-1-title .dot { width: 10px; height: 10px; border-radius: 2px; background: #b4b2a9; }
.v1-1-grid {
display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
}
/* ---- Note ---- */
.note {
max-width: 960px; margin: 28px auto 0;
padding: 16px 20px; background: #f1efe8; border-radius: 8px;
font-size: 12px; color: #5f5e5a; line-height: 1.8;
}
</style>
</head>
<body>
<div class="container">
<h1>AI创作平台(ToC)— 技能接口框图</h1>
<p class="subtitle">4个技能接口 · V1.0 创意生成:脚本生成+脚本修改 · V1.1 创意分析:脚本诊断+短视频解析 · 每个接口定义输入/处理/输出</p>
<!-- Platform Header -->
<div class="platform-header">
<div class="platform-title">AI创作平台<span>面向个人创作者的短视频脚本创作工具</span></div>
<div class="platform-badges">
<div class="badge active">V1.0 创意生成</div>
<div class="badge">V1.1 创意分析</div>
</div>
</div>
<!-- V1.0 Skills: F1 + F2 -->
<div class="skills-grid">
<!-- F1: 脚本生成 -->
<div class="skill-card">
<div class="skill-card-header">
<div class="skill-left">
<div class="skill-id" style="background:#534AB7">F1</div>
<div class="skill-name">脚本生成</div>
</div>
<div class="version-tag version-v1">V1.0 · P0</div>
</div>
<div class="skill-body">
<!-- Input Interface -->
<div class="interface-section">
<div class="interface-label">
<div class="icon input-icon">IN</div>
接口输入
</div>
<div class="interface-items">
<div class="interface-item">
<span class="field-name">需求输入</span>
<span class="field-desc">简单模式:一段话描述 / 详细模式:赛道+主题+时长+节奏+风格+受众+框架(结构化字段)</span>
</div>
<div class="interface-item">
<span class="field-name">上传附件</span>
<span class="field-desc">可选,文档(.doc/.docx/.pdf/.ppt/.pptx/.xls/.xlsx/.txt) + 图片(.jpg/.png/.webp) + 抖音短视频地址,类型数量受限</span>
</div>
</div>
</div>
<div class="flow-arrow"><span class="flow-label">用户提交</span></div>
<!-- Processing Interface -->
<div class="interface-section">
<div class="interface-label">
<div class="icon flow-icon">P</div>
处理流程
</div>
<div class="interface-items">
<div class="interface-item">
<span class="field-name">①分析整理</span>
<span class="field-desc">分析所有输入 → 解析到创作方法 → 完整性检查 → AI补充缺失</span>
</div>
<div class="interface-item">
<span class="field-name">②脚本生成</span>
<span class="field-desc">一次性生成3版本脚本:标准版(稳妥安全)+ 版本2(AI判断探索方向)+ 版本3(AI判断探索方向)</span>
</div>
<div class="interface-item">
<span class="field-name">③效果检测与迭代</span>
<span class="field-desc">检测内容生成效果 → 复盘发现潜在问题或可优化点 → 1-2轮迭代优化</span>
</div>
</div>
</div>
<div class="flow-arrow"><span class="flow-label">信息齐全→自动触发生成</span></div>
<!-- Output Interface -->
<div class="interface-section">
<div class="interface-label">
<div class="icon output-icon">OUT</div>
接口输出
</div>
<div class="interface-items">
<div class="interface-item">
<span class="field-name">3个版本脚本</span>
<span class="field-desc">段落式脚本(段落编号+段落标题+时长+事件描述+台词+备注),标准版 + 版本2(AI判断探索方向)+ 版本3(AI判断探索方向)</span>
</div>
<div class="interface-item">
<span class="field-name">版本对比</span>
<span class="field-desc">Tab切换或并排对比,用户可选择一个版本进入修改</span>
</div>
</div>
</div>
</div>
</div>
<!-- F2: 脚本修改 -->
<div class="skill-card">
<div class="skill-card-header">
<div class="skill-left">
<div class="skill-id" style="background:#0F6E56">F2</div>
<div class="skill-name">脚本修改</div>
</div>
<div class="version-tag version-v1">V1.0 · P0</div>
</div>
<div class="skill-body">
<!-- Input Interface -->
<div class="interface-section">
<div class="interface-label">
<div class="icon input-icon">IN</div>
接口输入
</div>
<div class="interface-items">
<div class="interface-item">
<span class="field-name">已有脚本</span>
<span class="field-desc">F1输出的任一版本脚本(标准版/版本2/版本3),用户选择进入修改</span>
</div>
<div class="interface-item">
<span class="field-name">修改指令</span>
<span class="field-desc">自然语言对话指令:局部台词修改 / 事件描述修改 / 整体风格调整 / 内容增删 / 结构调整 / 产品植入</span>
</div>
</div>
</div>
<div class="flow-arrow"><span class="flow-label">对话式交互</span></div>
<!-- Processing Interface -->
<div class="interface-section">
<div class="interface-label">
<div class="icon flow-icon">P</div>
处理流程
</div>
<div class="interface-items">
<div class="interface-item">
<span class="field-name">根据意图调整创作方法</span>
<span class="field-desc">AI 解析修改指令意图 → 根据意图调整创作方法 → 修改具体内容</span>
</div>
<div class="interface-item">
<span class="field-name">多轮迭代</span>
<span class="field-desc">支持多轮对话修改,每轮累积记录,可撤销最近修改回退上一版本</span>
</div>
<div class="interface-item">
<span class="field-name">效果检测与迭代</span>
<span class="field-desc">检测修改效果 → 复盘发现潜在问题或可优化点 → 1-2轮迭代优化</span>
</div>
</div>
</div>
<div class="flow-arrow"><span class="flow-label">修改完成</span></div>
<!-- Output Interface -->
<div class="interface-section">
<div class="interface-label">
<div class="icon output-icon">OUT</div>
接口输出
</div>
<div class="interface-items">
<div class="interface-item">
<span class="field-name">修改后脚本</span>
<span class="field-desc">段落式脚本(修改部分高亮标注 + 修改前后对比),可继续修改</span>
</div>
<div class="interface-item">
<span class="field-name">修改说明</span>
<span class="field-desc">AI回复:修改内容说明 + 修改理由</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Creative Script Case -->
<div class="case-section">
<div class="case-title">
<div class="dot"></div>
创意脚本案例
</div>
<div class="case-subtitle">余额8块了自驾绍兴拍旗袍百张大挑战 · 段落式脚本示例(F1输出格式)</div>
<div class="script-case-content">
<h2 class="script-main-title">余额8块了自驾绍兴拍旗袍百张大挑战</h2>
<div class="script-scene">
<h3 class="script-scene-title">第一场 晨起暴击</h3>
<p>家中卫生间 镜头从白丝怼到脸上,睡裤还夹半条缝,睡眼惺忪只剩一条缝。指尖按了按眼眶,疼得嘶一声。指尖划开手机银行弹窗,屏幕上明明白白显示余额8.70元,我果断把镜头关擦转。</p>
<p>(口播)妈妈,我出发来拍摄大片了,光里头就剩8块了。我那个朋友主理人今天安排我去拍绍兴,报销100块我把他大拍!手往旁边一甩,带到了洗手台上的漱口杯,赶紧扶稳,眼睛永远是肿的。</p>
<p>(口播)靠窗行动!</p>
</div>
<div class="script-scene">
<h3 class="script-scene-title">第二场 光速妆造 家中梳妆台</h3>
<p>BGM切起点,动作全程卡点快进:粉底液白色调融合上脸,拍按表格轻轻收尾。美瞳夹不小心夹到眼皮,皱着鼻子嘶一声立刻忍住,继续贴根根分明有折进每一束假睫毛,一点子不好,扫上蜜桃色腮红,梳二层宝安画廊,放下孩子把热。</p>
<p>(口播)看,妆面完成,这特效现在放上来都比了比,今天38度的大也别想跟我半分油。</p>
<p>转身从衣柜里挑出叠得整整齐齐的其余旗袍,指尖顺着斜口的珍珠盘扣滑下去,给身上穿的浅粉玉兰上一个特写,料子在光下泛着柔软润泽。把旗袍往身上比了比,转身对准镜子,对着好日好时的出行清单逐个打勾:旗袍、斗笠、油纸伞、团扇、三脚架、反光板、补妆包、备用电池、便携风扇,每勾一个就把对应东西装进包里,动作麻利得不像一点犹豫。</p>
<p>(口播)床底抽出的伞昨天下午还见雨,主打的就是一个预算几十块,拍出几千块的质感哈。</p>
</div>
<div class="script-scene">
<h3 class="script-scene-title">第三场 装车出发 小区地下车库</h3>
<p>怀里抱三脚架和反光板,跌跌撞撞奔向车,没把主驾驶位hold住,反光板没夹住滑下来,刚好砸到脚面,单脚跳了两步疼得龇牙咧嘴。把所有器材收进车里进行后备造验,塞得满满当当差点盖不上盖,关后备箱的时候一眼瞥见留在外面的拖把?赶忙缩进出来拍了拍,松了口气。坐进驾驶位系好安全带,把一箱薄荷绿送嘴里,启动车辆钥匙,比了个耶。</p>
<p>(口播)还好还好,就差点三脚架。出发绍兴!</p>
<p>车子开出去,手放在方向盘上跟着BGM打拍,窗外的风装慢慢吹进成照片的知识,风从半开的车窗外吹进来,撩动头发飘起来。</p>
<p>(口播)出门前朋友还问我,就这点预算还这么远值得吗?车开起来我就想通了——值啊,风速进车道的闷热,什么闷热都没了。</p>
</div>
<div class="script-scene">
<h3 class="script-scene-title">第四场 古城寻拍 绍兴书圣故里</h3>
<p>车停在巷口,挽好旗袍踩小高跟,拎着器材往巷子里走,青石板路踩得喀喀响,眼睛扫过两边的白墙黑瓦,又突然停住,眼前来了坐错打紧的烟雨斑斓处,赶紧支起三脚架,调好参数和线挂出成佳,刚好抓好自己的姿势,来元整几个随意的脑袋侧梅好。相机屏幕里扫描,瞬间懂了半边。横对旗袍跟椅博小排的吗。</p>
<p>(口播)淡定淡定,我是专业的,我看不见她们我看不见她们。</p>
<p>深吸一口气,转身,收下颚,抬腿,动作一气呵成,快门咔哒响,拍了几张赶紧小跑过去触须别,指尖点着屏幕上次光影对在脸在窗口上的那片。绷直得低头,换个角度低头的速度,发丝扫过了汉口的红眼处,撑在没了漆的木门边调问脸,踩在青石街拍旗袍要挥出来的灰蓝花,风吹的纹过来把旗袍下摆吹得飘起来。下面说伸手去扶,快门同时响了,凝固到那瞬间的可爱程度难得口吐出来。</p>
<p>(口播)哇塞!这张风把裙摆的也太绝了,意外之意啊!</p>
<p>路过的背清蓝的大爷爷伸来看看了切"小姑娘站得格真好看",赶紧目边眼笑跟博布说一声谢谢大爷,等大爷走了捂着嘴对着镜头憨笑,笑意又收住了。</p>
</div>
<div class="script-scene">
<h3 class="script-scene-title">第五场 间隙摸鱼 绍兴巷弄街边</h3>
<p>走着走着猛猛脚卡进了青石板的缝隙,拔了半天拔出来,揉着喘粗气,脑奔都冒了汗,把伞往肩上一捅,整个人弯下来。</p>
<p>(口播)不行了不行了,体力快见底了。这箱子里没带的包金下来金你老头上,瞬间松弛起来,手里的棒冰差点掉在地上,拎着箱子就往前走。</p>
<p>挤在巷口的小卖部,要了3块五买了一瓶凉薄荷水。咬一大口,奶香味混着淡淡的酒在噪里撒开,满足得眯起眼睛,付完钱擦了一瓶手机余额,抖了下后头。找了个人没人的台阶坐下来,揉着被红的脚吸,声有振振的。</p>
<p>(口播)得,现在余额剩5块,刚好够回口买瓶矿泉水。我的妈呀,谁再说能拍美照给我滚远点,我这哪拍快进出气息。</p>
<p>喃喃又不住在扫街布面满北青花的衣喃,缠红色的包裹下老袋在街头上,瞬间松弛起来,手里的棒冰差点掉在地上,拎着箱子就往前走。</p>
<p>(口播)哎哎那个谁!等我!最后几个机会!</p>
</div>
<div class="script-scene">
<h3 class="script-scene-title">第六场 速修出片 返程车中</h3>
<p>车回车里把相机卡导进手机,指尖在屏幕上快速划动修图,把原片和修到一半的照片排排看对比。</p>
<p>(口播)给你们说这个我私藏的修图小技巧啊,拍这种古风照,别把对比度打太高,给物提一点,肤色往冷白调一丢丢,留点皮肤的质感,别磨得连毛孔都看不见,你看——</p>
<p>指尖点了下屏幕,左边原片因为太直持有点泛红,光影有点硬,右边修光的图肤色通透,白墙是柔和的米灰色,斗笠的颜色正常刚好,浓横面上的裂纹也捏出来很清楚。</p>
<p>(口播)这儿弄得那味儿不就自己上来了吗。</p>
</div>
<div class="script-scene">
<h3 class="script-scene-title">第七场 终稿发布 家中客厅</h3>
<p>到家的时候天已经摸黑,窝在沙发里抱着手机选图,九张图按竖张好顺序:风吹得近景、珍珠盘扣的特写、白墙下撑伞的半身、吹着棒冰笑的侧脸、油纸伞要依在木门上的空镜、踩在青石板上把结头、石椅边垂着湿的侧影、雨线半连野的近景、握口背面的尾影。指尖触在朋友圈文案,一字一句检查地及格级,点下发表。</p>
<p>(朋友圈文案内容):余额8块出了门,剩5块2回家。</p>
<p>今天拍来一组子间,让江南的夏天没在心中上。</p>
<p>刷翻了下朋友圈,看到第一个赞冒出来,就知道这个梗在笑儿上,伸了个大大的懒腰,脸上是妆快掉的笑,语气软下来。</p>
<p>(口播)其实好多人问我,都把钱花干净了,还大天开跑这些花里胡哨的干啥呢。</p>
<p>指尖划过相机里一张张原片,从最开始的眯着眼睛的素颜,到图饱上点了点填补的光影,再到最后奔腾友儿的定片,嘴角一直扬着。</p>
<p>(口播)可是你看着啊,这些亮闪闪的瞬间,又不是靠你攒多少钱才会停下来等你。我认真化妆,认真找机位,把普通的巷子拍得格好看点有意思,哪里是为了浪掷友儿的九宫格啊,我是为了给我自己看的——你看,就算数子里很巴巴的,我也能把自己调得特别开心。</p>
<p>拿起手机对镜头晃了晃,屏幕上是刚发的朋友圈,wink了一下。</p>
<p>(口播)回南们,想做什么就去做,穿好看的衣服,拍好看的照片,我们永远是自己生活的主理人嘞。</p>
</div>
<div class="script-note">
格式说明:以上为图片原样保留的段落式脚本示例,未拆分“事件/台词”,保留原文的段落结构、(口播)标记及口语化表达,仅作为F1输出格式的参考展示。
</div>
</div>
<!-- V1.1 Skills: F3 + F4 -->
<div class="v1-1-section">
<div class="v1-1-title">
<div class="dot"></div>
V1.1 创意分析(独立入口,不纳入四层架构)
</div>
<div class="skills-grid">
<!-- F3: 脚本诊断 -->
<div class="skill-card">
<div class="skill-card-header">
<div class="skill-left">
<div class="skill-id" style="background:#b4b2a9">F3</div>
<div class="skill-name">脚本诊断</div>
</div>
<div class="version-tag version-v1-1">V1.1 · P1</div>
</div>
<div class="skill-body">
<!-- Input Interface -->
<div class="interface-section">
<div class="interface-label">
<div class="icon input-icon">IN</div>
接口输入
</div>
<div class="interface-items">
<div class="interface-item">
<span class="field-name">已有脚本</span>
<span class="field-desc">分析之前生成的脚本,也支持上传文档(.md/.txt/.doc/.docx/.pdf)分析文档中的脚本</span>
</div>
</div>
</div>
<div class="flow-arrow"><span class="flow-label">AI诊断</span></div>
<!-- Processing Interface -->
<div class="interface-section">
<div class="interface-label">
<div class="icon flow-icon">P</div>
处理流程
</div>
<div class="interface-items">
<div class="interface-item">
<span class="field-name">脚本诊断</span>
<span class="field-desc">对脚本进行多维度诊断分析,发现问题并提供改进建议</span>
</div>
</div>
</div>
<div class="flow-arrow"><span class="flow-label">输出报告</span></div>
<!-- Output Interface -->
<div class="interface-section">
<div class="interface-label">
<div class="icon output-icon">OUT</div>
接口输出
</div>
<div class="interface-items">
<div class="interface-item">
<span class="field-name">诊断内容</span>
<span class="field-desc">提供脚本诊断的内容</span>
</div>
</div>
</div>
</div>
</div>
<!-- F4: 短视频解析 -->
<div class="skill-card">
<div class="skill-card-header">
<div class="skill-left">
<div class="skill-id" style="background:#b4b2a9">F4</div>
<div class="skill-name">短视频解析</div>
</div>
<div class="version-tag version-v1-1">V1.1 · P1</div>
</div>
<div class="skill-body">
<!-- Input Interface -->
<div class="interface-section">
<div class="interface-label">
<div class="icon input-icon">IN</div>
接口输入
</div>
<div class="interface-items">
<div class="interface-item">
<span class="field-name">抖音链接</span>
<span class="field-desc">粘贴抖音短视频地址(仅支持抖音平台)</span>
</div>
</div>
</div>
<div class="flow-arrow"><span class="flow-label">AI解析</span></div>
<!-- Processing Interface -->
<div class="interface-section">
<div class="interface-label">
<div class="icon flow-icon">P</div>
处理流程
</div>
<div class="interface-items">
<div class="interface-item">
<span class="field-name">短视频解析</span>
<span class="field-desc">对短视频内容进行多维度解析分析</span>
</div>
</div>
</div>
<div class="flow-arrow"><span class="flow-label">输出报告</span></div>
<!-- Output Interface -->
<div class="interface-section">
<div class="interface-label">
<div class="icon output-icon">OUT</div>
接口输出
</div>
<div class="interface-items">
<span class="field-name">解析内容</span>
<span class="field-desc">提供解析的短视频内容</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Note -->
<div class="note">
<strong>接口框图说明:</strong> 平台以技能接口形式对外提供4项能力。V1.0 核心闭环为 F1→F2 串联流程(用户输入需求→分析整理→生成3版本脚本→对话修改打磨),每个技能接口定义清晰的 IN(接口输入)/ P(处理)/ OUT(接口输出)三元组。V1.1 的 F3 脚本诊断和 F4 短视频解析为独立入口,不在主创作流程中。F1 上传附件仅支持文档(word/pdf/ppt/excel/txt)、图片、抖音短视频地址,类型数量受限;不强制上传账号设定文档,AI 可从用户输入中推理;广告植入不内置,在 F2 对话修改时可选。
</div>
</div>
</body>
</html>