workflow_visualization_20251208_165958.html 40 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>知识获取工作流可视化</title>
  7. <style>
  8. * {
  9. margin: 0;
  10. padding: 0;
  11. box-sizing: border-box;
  12. }
  13. body {
  14. font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  15. background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  16. color: #333;
  17. line-height: 1.6;
  18. min-height: 100vh;
  19. }
  20. .container {
  21. max-width: 1400px;
  22. margin: 0 auto;
  23. padding: 30px 20px;
  24. }
  25. h1 {
  26. text-align: center;
  27. color: white;
  28. margin-bottom: 40px;
  29. font-size: 32px;
  30. font-weight: 600;
  31. text-shadow: 0 2px 10px rgba(0,0,0,0.2);
  32. letter-spacing: 1px;
  33. }
  34. .tabs {
  35. display: flex;
  36. background: white;
  37. border-radius: 12px 12px 0 0;
  38. box-shadow: 0 4px 20px rgba(0,0,0,0.15);
  39. overflow-x: auto;
  40. padding: 5px;
  41. }
  42. .tab {
  43. padding: 16px 28px;
  44. cursor: pointer;
  45. border: none;
  46. background: transparent;
  47. color: #666;
  48. font-size: 14px;
  49. transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  50. white-space: nowrap;
  51. border-radius: 8px;
  52. margin: 0 4px;
  53. position: relative;
  54. font-weight: 500;
  55. }
  56. .tab:hover {
  57. background: #f0f0f0;
  58. color: #333;
  59. }
  60. .tab.active {
  61. background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  62. color: white;
  63. box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
  64. }
  65. .tab-content {
  66. display: none;
  67. background: white;
  68. padding: 40px;
  69. border-radius: 0 0 12px 12px;
  70. box-shadow: 0 4px 20px rgba(0,0,0,0.15);
  71. margin-bottom: 20px;
  72. animation: fadeIn 0.3s ease-in;
  73. }
  74. @keyframes fadeIn {
  75. from { opacity: 0; transform: translateY(10px); }
  76. to { opacity: 1; transform: translateY(0); }
  77. }
  78. .tab-content.active {
  79. display: block;
  80. }
  81. .input-section {
  82. background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  83. padding: 28px;
  84. border-radius: 12px;
  85. margin-bottom: 35px;
  86. box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  87. border: 1px solid rgba(255,255,255,0.5);
  88. }
  89. .input-section h3 {
  90. color: #2c3e50;
  91. margin-bottom: 20px;
  92. font-size: 20px;
  93. font-weight: 600;
  94. display: flex;
  95. align-items: center;
  96. gap: 10px;
  97. }
  98. .input-section h3::before {
  99. content: '📋';
  100. font-size: 24px;
  101. }
  102. .input-item {
  103. margin-bottom: 16px;
  104. padding: 12px;
  105. background: rgba(255,255,255,0.7);
  106. border-radius: 8px;
  107. transition: all 0.3s;
  108. }
  109. .input-item:hover {
  110. background: rgba(255,255,255,0.9);
  111. transform: translateX(5px);
  112. }
  113. .input-item strong {
  114. color: #495057;
  115. display: inline-block;
  116. width: 110px;
  117. font-weight: 600;
  118. }
  119. .input-item .placeholder {
  120. color: #999;
  121. font-style: italic;
  122. }
  123. .workflow {
  124. position: relative;
  125. }
  126. .workflow-step {
  127. background: white;
  128. border: 2px solid #e0e0e0;
  129. border-radius: 12px;
  130. margin-bottom: 25px;
  131. transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  132. overflow: hidden;
  133. box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  134. }
  135. .workflow-step.active {
  136. border-color: #667eea;
  137. box-shadow: 0 8px 24px rgba(102, 126, 234, 0.25);
  138. transform: translateY(-2px);
  139. }
  140. .step-header {
  141. padding: 20px 24px;
  142. background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  143. cursor: pointer;
  144. display: flex;
  145. justify-content: space-between;
  146. align-items: center;
  147. user-select: none;
  148. transition: all 0.3s;
  149. }
  150. .step-header:hover {
  151. background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%);
  152. }
  153. .workflow-step.active .step-header {
  154. background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  155. color: white;
  156. }
  157. .workflow-step.active .step-name {
  158. color: white;
  159. }
  160. .workflow-step.active .step-toggle {
  161. color: white;
  162. }
  163. .step-title {
  164. display: flex;
  165. align-items: center;
  166. gap: 15px;
  167. }
  168. .step-number {
  169. display: inline-flex;
  170. align-items: center;
  171. justify-content: center;
  172. width: 36px;
  173. height: 36px;
  174. background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  175. color: white;
  176. border-radius: 50%;
  177. font-size: 16px;
  178. font-weight: bold;
  179. box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
  180. }
  181. .workflow-step.active .step-number {
  182. background: white;
  183. color: #667eea;
  184. box-shadow: 0 4px 12px rgba(255,255,255,0.3);
  185. }
  186. .step-name {
  187. font-size: 18px;
  188. font-weight: 600;
  189. color: #2c3e50;
  190. }
  191. .step-toggle {
  192. color: #6c757d;
  193. font-size: 20px;
  194. transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  195. }
  196. .step-toggle.expanded {
  197. transform: rotate(180deg);
  198. }
  199. .step-content {
  200. padding: 0 20px;
  201. max-height: 0;
  202. overflow: hidden;
  203. transition: max-height 0.3s ease-out, padding 0.3s;
  204. }
  205. .step-content.expanded {
  206. max-height: 5000px;
  207. padding: 20px;
  208. }
  209. .step-detail {
  210. margin-bottom: 20px;
  211. }
  212. .step-detail-label {
  213. font-weight: 600;
  214. color: #495057;
  215. margin-bottom: 10px;
  216. display: block;
  217. font-size: 14px;
  218. text-transform: uppercase;
  219. letter-spacing: 0.5px;
  220. }
  221. .step-detail-content {
  222. background: #f8f9fa;
  223. padding: 16px;
  224. border-radius: 8px;
  225. border-left: 4px solid #667eea;
  226. font-size: 14px;
  227. line-height: 1.8;
  228. white-space: pre-wrap;
  229. word-wrap: break-word;
  230. max-height: 400px;
  231. overflow-y: auto;
  232. box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  233. }
  234. .json-content {
  235. font-family: 'SF Mono', 'Monaco', 'Courier New', monospace;
  236. background: #1e1e1e;
  237. color: #d4d4d4;
  238. padding: 20px;
  239. border-radius: 8px;
  240. overflow-x: auto;
  241. border-left: 4px solid #667eea;
  242. box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  243. }
  244. .prompt-toggle-btn {
  245. background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  246. color: white;
  247. border: none;
  248. padding: 10px 20px;
  249. border-radius: 6px;
  250. cursor: pointer;
  251. font-size: 13px;
  252. font-weight: 500;
  253. margin-top: 15px;
  254. transition: all 0.3s;
  255. box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
  256. }
  257. .prompt-toggle-btn:hover {
  258. transform: translateY(-2px);
  259. box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
  260. }
  261. .prompt-content {
  262. display: none;
  263. margin-top: 15px;
  264. padding: 16px;
  265. background: #fff3cd;
  266. border-radius: 8px;
  267. border-left: 4px solid #ffc107;
  268. font-size: 13px;
  269. line-height: 1.8;
  270. white-space: pre-wrap;
  271. word-wrap: break-word;
  272. max-height: 500px;
  273. overflow-y: auto;
  274. }
  275. .prompt-content.show {
  276. display: block;
  277. animation: slideDown 0.3s ease-out;
  278. }
  279. @keyframes slideDown {
  280. from {
  281. opacity: 0;
  282. max-height: 0;
  283. }
  284. to {
  285. opacity: 1;
  286. max-height: 500px;
  287. }
  288. }
  289. .output-section {
  290. background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);
  291. padding: 28px;
  292. border-radius: 12px;
  293. margin-top: 35px;
  294. border-left: 4px solid #0ea5e9;
  295. box-shadow: 0 4px 15px rgba(14, 165, 233, 0.2);
  296. }
  297. .output-section h3 {
  298. color: #0369a1;
  299. margin-bottom: 20px;
  300. font-size: 20px;
  301. font-weight: 600;
  302. display: flex;
  303. align-items: center;
  304. gap: 10px;
  305. }
  306. .output-section h3::before {
  307. content: '✨';
  308. font-size: 24px;
  309. }
  310. .arrow {
  311. text-align: center;
  312. color: #667eea;
  313. font-size: 32px;
  314. margin: -15px 0;
  315. position: relative;
  316. z-index: 1;
  317. filter: drop-shadow(0 2px 4px rgba(102, 126, 234, 0.3));
  318. }
  319. .arrow::before {
  320. content: '↓';
  321. }
  322. @media (max-width: 768px) {
  323. .container {
  324. padding: 10px;
  325. }
  326. .tab {
  327. padding: 12px 15px;
  328. font-size: 13px;
  329. }
  330. .tab-content {
  331. padding: 20px;
  332. }
  333. }
  334. </style>
  335. </head>
  336. <body>
  337. <div class="container">
  338. <h1>知识获取工作流可视化</h1>
  339. <div class="tabs" id="tabs">
  340. <button class="tab active" onclick="switchTab(0)">557e5ce27c1c</button>
  341. <button class="tab " onclick="switchTab(1)">d0608df43f77</button>
  342. </div>
  343. <div class="tab-content active" id="tab-0">
  344. <div class="input-section">
  345. <h3>输入信息</h3>
  346. <div class="input-item" style="white-space: pre-wrap; line-height: 1.8;">1.已知信息账号人设:
  347. -账号的品类:宠物表情包账号
  348. -人设里能和该贴匹配的点:
  349. 鼓励式猫咪表情包-猫咪考试祝福
  350. 推广饮品品牌-推广餐饮品牌
  351. 互动粉丝-互动特点人群
  352. 拟人化猫咪形象-拟人化猫咪形象
  353. 表情包式图文-表情包式视觉风格
  354. 情景化植入-强关联场景植入
  355. -账号聚出来的pattern模式:
  356. 模式1: 拟人化穿搭+趣味分享意图, 萌宠主题内容+拟人化主体,视觉构图版式....
  357. 模式2:校园学生人设+商业推广意图,商业产品推厂+场景化产品植入
  358. 模式3:日常生活演绎+萌宠主题内容+图文叙事结构
  359. 模式4:视觉隐喻+趣味分享意图+视觉构图版式
  360. 2.待寻找点:
  361. -社交媒体解构贴中未与账号人设匹配的信息
  362. 饺子品牌
  363. 3.帖子创作日期:2025-11-07
  364. </div>
  365. </div>
  366. <div class="workflow">
  367. <div class="workflow-step" id="step-0-0">
  368. <div class="step-header" onclick="toggleStep('step-0-0')">
  369. <div class="step-title">
  370. <span class="step-number">1</span>
  371. <span class="step-name">选择工具</span>
  372. </div>
  373. <span class="step-toggle">▼</span>
  374. </div>
  375. <div class="step-content" id="content-step-0-0">
  376. <div class="step-detail">
  377. <span class="step-detail-label">工具名称:</span>
  378. <div class="step-detail-content">新红热搜词榜单</div>
  379. </div>
  380. <div class="step-detail">
  381. <span class="step-detail-label">工具调用ID:</span>
  382. <div class="step-detail-content">new_red_hot_search_words_ranking</div>
  383. </div>
  384. <button class="prompt-toggle-btn" onclick="togglePrompt('prompt-step-0-0')">显示 Prompt</button>
  385. <div class="prompt-content" id="prompt-step-0-0"># 角色定位
  386. 你是一个「工具匹配专家」,专门负责将内容创作需求与MCP工具库中的具体工具进行精准匹配。
  387. 你的核心能力是:理解待寻找信息的特征,判断现有工具能力边界,并选择最优工具。
  388. # 核心任务
  389. 根据输入的&quot;待寻找点&quot;,在MCP工具库中直接匹配出能够获取该信息的最优工具。
  390. # 输入理解
  391. 你会收到两类信息:
  392. ## 1. 已知信息-账号人设(上下文环境)
  393. 包含:
  394. - 账号品类:账号所属的内容领域
  395. - 人设匹配点:已知与该帖子相关的账号特征
  396. - Pattern模式:账号总结出的内容创作模式
  397. **作用**:提供待寻找点的应用场景和创作背景,帮助你理解信息类型和匹配工具
  398. ## 2. 待寻找点(核心匹配目标)
  399. - 帖子中未与账号人设直接匹配的信息点
  400. - 这些点是创作者在创作过程中引入的新元素
  401. **作用**:你需要针对每个待寻找点,判断其信息特征,并匹配最优工具
  402. # MCP工具库清单
  403. 当前工具库包含以下工具:
  404. 工具名:新红话题榜单
  405. 工具调用ID:new_red_TopicRanking
  406. 工具介绍:提供小红书平台热门话题全景榜单数据,覆盖排名、话题名称及核心简介、参与人数增量、浏览量增量、笔记增量、互动增量(点赞 / 收藏 / 评论综合统计)等核心维度。支持精准筛选与高效应用。话题类型涵盖美妆,美容个护,鞋包潮玩,穿搭打扮,美食,母婴育儿,旅游出行,家居家装,教育,生活,运动健身,兴趣爱好,影视综,婚嫁,摄影摄像,萌宠,情感星座,科技互联网,资讯,健康养生,科学科普,职场,交通工具,其他 24 个垂直领域,统计时间可选择日榜(近 7 天)、周榜(近 4 周)、月榜(近 5 个月),满足不同周期的热点追踪需求。榜单数据实时更新,同步呈现官方流量扶持话题标识,助力品牌、达人快速锁定高曝光赛道;便于拆解爆款逻辑、制定内容选题策略,提升运营效率。
  407. 工具名:新红热搜词榜单
  408. 工具调用ID:new_red_hot_search_words_ranking
  409. 工具介绍:提供小红书平台热搜词权威榜单数据,核心维度包括实时排名、热搜词、主要覆盖内容领域、相关笔记总量、爆文数(高互动笔记占比)、热度值(综合搜索量与互动率计算)。支持按统计时间(日榜 / 周榜 / 月榜)及 美妆,美容个护,鞋包潮玩,穿搭打扮,美食,母婴育儿,旅游出行,家居家装,教育,生活,运动健身,兴趣爱好,影视综,婚嫁,摄影摄像,萌宠,情感星座,科技互联网,资讯,健康养生,科学科普,职场,交通工具,其他 24 个垂直内容领域筛选。榜单每日更新,助力用户第一时间捕捉流量风口。可直接应用于选题规划、竞品投放策略分析。
  410. **一个待寻找点只匹配一个最优工具**
  411. # 输出格式
  412. 针对每个待寻找点,按以下格式输出:
  413. 【待寻找点X】: [点的名称]
  414. 工具匹配结果:
  415. 匹配工具: [工具名称] 或 [无工具匹配]
  416. 匹配理由: [2-3句话说明为什么选择该工具,或为什么无工具匹配]
  417. 应用场景: [结合账号人设,说明该工具如何帮助创作者找到这个待寻找点]
  418. # 输出格式
  419. json格式,字段定义如下:
  420. &#39;&#39;&#39;json
  421. {
  422. &quot;工具名&quot;: &quot;工具名称&quot;,
  423. &quot;工具调用ID&quot;: &quot;调用ID&quot;,
  424. &quot;匹配理由&quot;: &quot;&quot;,
  425. &quot;应用场景&quot;: &quot;&quot;
  426. }
  427. &#39;&#39;&#39;
  428. ## 无匹配时
  429. &#39;&#39;&#39;json
  430. {
  431. }
  432. &#39;&#39;&#39;
  433. ---
  434. # 约束条件
  435. **必须遵守**:
  436. - 每个待寻找点只匹配一个最优工具
  437. - 必须基于工具的实际能力边界进行匹配,不能过度推测
  438. - 无法匹配时,必须诚实输出&quot;无工具匹配&quot;
  439. - 匹配理由必须清晰说明工具能力与待寻找点需求的对应关系
  440. - 必须结合账号人设提供应用场景说明
  441. **禁止**:
  442. - 强行匹配不适用的工具
  443. - 为一个待寻找点匹配多个工具
  444. - 输出工具库中不存在的工具
  445. - 提供模糊或无法验证的匹配理由
  446. # 执行流程
  447. 1. **接收输入**: 仔细阅读&quot;已知账号人设&quot;和&quot;待寻找点&quot;
  448. 2. **类型分析**: 判断每个待寻找点属于A/B/C/D/E哪种信息类型
  449. 3. **工具匹配**: 根据信息类型和工具能力,选择最优工具或判断无工具匹配
  450. 4. **输出结果**: 按格式输出分析和匹配结果,包含匹配理由和应用场景
  451. # 输入信息
  452. {1.已知信息账号人设:
  453. -账号的品类:宠物表情包账号
  454. -人设里能和该贴匹配的点:
  455. 鼓励式猫咪表情包-猫咪考试祝福
  456. 推广饮品品牌-推广餐饮品牌
  457. 互动粉丝-互动特点人群
  458. 拟人化猫咪形象-拟人化猫咪形象
  459. 表情包式图文-表情包式视觉风格
  460. 情景化植入-强关联场景植入
  461. -账号聚出来的pattern模式:
  462. 模式1: 拟人化穿搭+趣味分享意图, 萌宠主题内容+拟人化主体,视觉构图版式....
  463. 模式2:校园学生人设+商业推广意图,商业产品推厂+场景化产品植入
  464. 模式3:日常生活演绎+萌宠主题内容+图文叙事结构
  465. 模式4:视觉隐喻+趣味分享意图+视觉构图版式
  466. 2.待寻找点:
  467. -社交媒体解构贴中未与账号人设匹配的信息
  468. 饺子品牌
  469. 3.帖子创作日期:2025-11-07
  470. }</div>
  471. </div>
  472. </div>
  473. <div class="arrow"></div>
  474. <div class="workflow-step" id="step-0-1">
  475. <div class="step-header" onclick="toggleStep('step-0-1')">
  476. <div class="step-title">
  477. <span class="step-number">2</span>
  478. <span class="step-name">提取参数</span>
  479. </div>
  480. <span class="step-toggle">▼</span>
  481. </div>
  482. <div class="step-content" id="content-step-0-1">
  483. <div class="step-detail">
  484. <span class="step-detail-label">提取的参数:</span>
  485. <div class="step-detail-content json-content">{
  486. &quot;typeV1&quot;: &quot;美食&quot;,
  487. &quot;rankDate&quot;: &quot;2025-11-07&quot;
  488. }</div>
  489. </div>
  490. <button class="prompt-toggle-btn" onclick="togglePrompt('prompt-step-0-1')">显示 Prompt</button>
  491. <div class="prompt-content" id="prompt-step-0-1">你是一个API调用专家。你的任务是根据已经选择的工具及输入信息生成正确的调用参数。
  492. 选择的工具调用ID:
  493. new_red_hot_search_words_ranking
  494. 输入的信息:
  495. 1.已知信息账号人设:
  496. -账号的品类:宠物表情包账号
  497. -人设里能和该贴匹配的点:
  498. 鼓励式猫咪表情包-猫咪考试祝福
  499. 推广饮品品牌-推广餐饮品牌
  500. 互动粉丝-互动特点人群
  501. 拟人化猫咪形象-拟人化猫咪形象
  502. 表情包式图文-表情包式视觉风格
  503. 情景化植入-强关联场景植入
  504. -账号聚出来的pattern模式:
  505. 模式1: 拟人化穿搭+趣味分享意图, 萌宠主题内容+拟人化主体,视觉构图版式....
  506. 模式2:校园学生人设+商业推广意图,商业产品推厂+场景化产品植入
  507. 模式3:日常生活演绎+萌宠主题内容+图文叙事结构
  508. 模式4:视觉隐喻+趣味分享意图+视觉构图版式
  509. 2.待寻找点:
  510. -社交媒体解构贴中未与账号人设匹配的信息
  511. 饺子品牌
  512. 3.帖子创作日期:2025-11-07
  513. 所有的工具参数定义:
  514. {
  515. &quot;name&quot;: &quot;new_red_hot_search_words_ranking&quot;,
  516. &quot;title&quot;: &quot;新红热搜词榜单&quot;,
  517. &quot;description&quot;: &quot;提供小红书平台热搜词权威榜单数据,核心维度包括实时排名、热搜词、主要覆盖内容领域、相关笔记总量、爆文数(高互动笔记占比)、热度值(综合搜索量与互动率计算)。支持按统计时间(日榜 / 周榜 / 月榜)及 美妆,美容个护,鞋包潮玩,穿搭打扮,美食,母婴育儿,旅游出行,家居家装,教育,生活,运动健身,兴趣爱好,影视综,婚嫁,摄影摄像,萌宠,情感星座,科技互联网,资讯,健康养生,科学科普,职场,交通工具,其他 24 个垂直内容领域筛选。榜单每日更新,助力用户第一时间捕捉流量风口。可直接应用于选题规划、竞品投放策略分析。&quot;,
  518. &quot;inputSchema&quot;: {
  519. &quot;type&quot;: &quot;object&quot;,
  520. &quot;properties&quot;: {
  521. &quot;typeV1&quot;: {
  522. &quot;type&quot;: &quot;string&quot;,
  523. &quot;description&quot;: &quot;可选参数,用于指定热搜词类型,如全部、美食、萌宠等,默认为&#39;全部&#39;&quot;,
  524. &quot;default&quot;: &quot;全部&quot;
  525. },
  526. &quot;rankDate&quot;: {
  527. &quot;type&quot;: &quot;string&quot;,
  528. &quot;description&quot;: &quot;排名日期,默认为&#39;2025-10-20&#39;,格式为YYYY-MM-DD&quot;
  529. },
  530. &quot;sort&quot;: {
  531. &quot;type&quot;: &quot;string&quot;,
  532. &quot;description&quot;: &quot;排序方式,默认为&#39;hot_score&#39;,按热度分数排序&quot;
  533. }
  534. },
  535. &quot;required&quot;: [
  536. &quot;typeV1&quot;,
  537. &quot;rankDate&quot;
  538. ]
  539. }
  540. }
  541. 请分析工具的参数要求,根据查询内容提取或推断出合适的参数值。
  542. 输出格式:请以 JSON 格式输出参数字典,例如:
  543. {
  544. &quot;param1&quot;: &quot;value1&quot;,
  545. &quot;param2&quot;: &quot;value2&quot;
  546. }
  547. 注意事项:
  548. 1. 只输出参数的JSON字典,不要包含任何解释
  549. 2. 参数名必须与工具定义中的参数名完全一致
  550. 3. 参数值要从查询中提取或合理推断
  551. 4. 不要添加工具定义中没有的参数
  552. 5. 如果某个参数无法从查询中获取,使用合理的默认值或省略该参数
  553. 只输出JSON,不要包含markdown标记。</div>
  554. </div>
  555. </div>
  556. <div class="arrow"></div>
  557. <div class="workflow-step" id="step-0-2">
  558. <div class="step-header" onclick="toggleStep('step-0-2')">
  559. <div class="step-title">
  560. <span class="step-number">3</span>
  561. <span class="step-name">执行工具</span>
  562. </div>
  563. <span class="step-toggle">▼</span>
  564. </div>
  565. <div class="step-content" id="content-step-0-2">
  566. <div class="step-detail">
  567. <span class="step-detail-label">执行结果:</span>
  568. <div class="step-detail-content json-content">未找到 2025-11-07 日期 美食 分类的热搜词数据</div>
  569. </div>
  570. </div>
  571. </div>
  572. </div>
  573. <div class="output-section">
  574. <h3>最终输出</h3>
  575. <div class="step-detail-content json-content">未找到 2025-11-07 日期 美食 分类的热搜词数据</div>
  576. </div>
  577. </div>
  578. <div class="tab-content " id="tab-1">
  579. <div class="input-section">
  580. <h3>输入信息</h3>
  581. <div class="input-item" style="white-space: pre-wrap; line-height: 1.8;">1.已知信息账号人设:
  582. -账号的品类:宠物表情包账号
  583. -人设里能和该贴匹配的点:
  584. 鼓励式猫咪表情包-猫咪考试祝福
  585. 推广饮品品牌-推广餐饮品牌
  586. 互动粉丝-互动特点人群
  587. 拟人化猫咪形象-拟人化猫咪形象
  588. 表情包式图文-表情包式视觉风格
  589. 情景化植入-强关联场景植入
  590. -账号聚出来的pattern模式:
  591. 模式1: 拟人化穿搭+趣味分享意图, 萌宠主题内容+拟人化主体,视觉构图版式....
  592. 模式2:校园学生人设+商业推广意图,商业产品推厂+场景化产品植入
  593. 模式3:日常生活演绎+萌宠主题内容+图文叙事结构
  594. 模式4:视觉隐喻+趣味分享意图+视觉构图版式
  595. 2.待寻找点:
  596. -社交媒体解构贴中未与账号人设匹配的信息
  597. 考试祝福
  598. 3.帖子创作日期:2025-11-07
  599. </div>
  600. </div>
  601. <div class="workflow">
  602. <div class="workflow-step" id="step-1-0">
  603. <div class="step-header" onclick="toggleStep('step-1-0')">
  604. <div class="step-title">
  605. <span class="step-number">1</span>
  606. <span class="step-name">选择工具</span>
  607. </div>
  608. <span class="step-toggle">▼</span>
  609. </div>
  610. <div class="step-content" id="content-step-1-0">
  611. <div class="step-detail">
  612. <span class="step-detail-label">工具名称:</span>
  613. <div class="step-detail-content">新红话题榜单</div>
  614. </div>
  615. <div class="step-detail">
  616. <span class="step-detail-label">工具调用ID:</span>
  617. <div class="step-detail-content">new_red_TopicRanking</div>
  618. </div>
  619. <button class="prompt-toggle-btn" onclick="togglePrompt('prompt-step-1-0')">显示 Prompt</button>
  620. <div class="prompt-content" id="prompt-step-1-0"># 角色定位
  621. 你是一个「工具匹配专家」,专门负责将内容创作需求与MCP工具库中的具体工具进行精准匹配。
  622. 你的核心能力是:理解待寻找信息的特征,判断现有工具能力边界,并选择最优工具。
  623. # 核心任务
  624. 根据输入的&quot;待寻找点&quot;,在MCP工具库中直接匹配出能够获取该信息的最优工具。
  625. # 输入理解
  626. 你会收到两类信息:
  627. ## 1. 已知信息-账号人设(上下文环境)
  628. 包含:
  629. - 账号品类:账号所属的内容领域
  630. - 人设匹配点:已知与该帖子相关的账号特征
  631. - Pattern模式:账号总结出的内容创作模式
  632. **作用**:提供待寻找点的应用场景和创作背景,帮助你理解信息类型和匹配工具
  633. ## 2. 待寻找点(核心匹配目标)
  634. - 帖子中未与账号人设直接匹配的信息点
  635. - 这些点是创作者在创作过程中引入的新元素
  636. **作用**:你需要针对每个待寻找点,判断其信息特征,并匹配最优工具
  637. # MCP工具库清单
  638. 当前工具库包含以下工具:
  639. 工具名:新红话题榜单
  640. 工具调用ID:new_red_TopicRanking
  641. 工具介绍:提供小红书平台热门话题全景榜单数据,覆盖排名、话题名称及核心简介、参与人数增量、浏览量增量、笔记增量、互动增量(点赞 / 收藏 / 评论综合统计)等核心维度。支持精准筛选与高效应用。话题类型涵盖美妆,美容个护,鞋包潮玩,穿搭打扮,美食,母婴育儿,旅游出行,家居家装,教育,生活,运动健身,兴趣爱好,影视综,婚嫁,摄影摄像,萌宠,情感星座,科技互联网,资讯,健康养生,科学科普,职场,交通工具,其他 24 个垂直领域,统计时间可选择日榜(近 7 天)、周榜(近 4 周)、月榜(近 5 个月),满足不同周期的热点追踪需求。榜单数据实时更新,同步呈现官方流量扶持话题标识,助力品牌、达人快速锁定高曝光赛道;便于拆解爆款逻辑、制定内容选题策略,提升运营效率。
  642. 工具名:新红热搜词榜单
  643. 工具调用ID:new_red_hot_search_words_ranking
  644. 工具介绍:提供小红书平台热搜词权威榜单数据,核心维度包括实时排名、热搜词、主要覆盖内容领域、相关笔记总量、爆文数(高互动笔记占比)、热度值(综合搜索量与互动率计算)。支持按统计时间(日榜 / 周榜 / 月榜)及 美妆,美容个护,鞋包潮玩,穿搭打扮,美食,母婴育儿,旅游出行,家居家装,教育,生活,运动健身,兴趣爱好,影视综,婚嫁,摄影摄像,萌宠,情感星座,科技互联网,资讯,健康养生,科学科普,职场,交通工具,其他 24 个垂直内容领域筛选。榜单每日更新,助力用户第一时间捕捉流量风口。可直接应用于选题规划、竞品投放策略分析。
  645. **一个待寻找点只匹配一个最优工具**
  646. # 输出格式
  647. 针对每个待寻找点,按以下格式输出:
  648. 【待寻找点X】: [点的名称]
  649. 工具匹配结果:
  650. 匹配工具: [工具名称] 或 [无工具匹配]
  651. 匹配理由: [2-3句话说明为什么选择该工具,或为什么无工具匹配]
  652. 应用场景: [结合账号人设,说明该工具如何帮助创作者找到这个待寻找点]
  653. # 输出格式
  654. json格式,字段定义如下:
  655. &#39;&#39;&#39;json
  656. {
  657. &quot;工具名&quot;: &quot;工具名称&quot;,
  658. &quot;工具调用ID&quot;: &quot;调用ID&quot;,
  659. &quot;匹配理由&quot;: &quot;&quot;,
  660. &quot;应用场景&quot;: &quot;&quot;
  661. }
  662. &#39;&#39;&#39;
  663. ## 无匹配时
  664. &#39;&#39;&#39;json
  665. {
  666. }
  667. &#39;&#39;&#39;
  668. ---
  669. # 约束条件
  670. **必须遵守**:
  671. - 每个待寻找点只匹配一个最优工具
  672. - 必须基于工具的实际能力边界进行匹配,不能过度推测
  673. - 无法匹配时,必须诚实输出&quot;无工具匹配&quot;
  674. - 匹配理由必须清晰说明工具能力与待寻找点需求的对应关系
  675. - 必须结合账号人设提供应用场景说明
  676. **禁止**:
  677. - 强行匹配不适用的工具
  678. - 为一个待寻找点匹配多个工具
  679. - 输出工具库中不存在的工具
  680. - 提供模糊或无法验证的匹配理由
  681. # 执行流程
  682. 1. **接收输入**: 仔细阅读&quot;已知账号人设&quot;和&quot;待寻找点&quot;
  683. 2. **类型分析**: 判断每个待寻找点属于A/B/C/D/E哪种信息类型
  684. 3. **工具匹配**: 根据信息类型和工具能力,选择最优工具或判断无工具匹配
  685. 4. **输出结果**: 按格式输出分析和匹配结果,包含匹配理由和应用场景
  686. # 输入信息
  687. {1.已知信息账号人设:
  688. -账号的品类:宠物表情包账号
  689. -人设里能和该贴匹配的点:
  690. 鼓励式猫咪表情包-猫咪考试祝福
  691. 推广饮品品牌-推广餐饮品牌
  692. 互动粉丝-互动特点人群
  693. 拟人化猫咪形象-拟人化猫咪形象
  694. 表情包式图文-表情包式视觉风格
  695. 情景化植入-强关联场景植入
  696. -账号聚出来的pattern模式:
  697. 模式1: 拟人化穿搭+趣味分享意图, 萌宠主题内容+拟人化主体,视觉构图版式....
  698. 模式2:校园学生人设+商业推广意图,商业产品推厂+场景化产品植入
  699. 模式3:日常生活演绎+萌宠主题内容+图文叙事结构
  700. 模式4:视觉隐喻+趣味分享意图+视觉构图版式
  701. 2.待寻找点:
  702. -社交媒体解构贴中未与账号人设匹配的信息
  703. 考试祝福
  704. 3.帖子创作日期:2025-11-07
  705. }</div>
  706. </div>
  707. </div>
  708. <div class="arrow"></div>
  709. <div class="workflow-step" id="step-1-1">
  710. <div class="step-header" onclick="toggleStep('step-1-1')">
  711. <div class="step-title">
  712. <span class="step-number">2</span>
  713. <span class="step-name">提取参数</span>
  714. </div>
  715. <span class="step-toggle">▼</span>
  716. </div>
  717. <div class="step-content" id="content-step-1-1">
  718. <div class="step-detail">
  719. <span class="step-detail-label">提取的参数:</span>
  720. <div class="step-detail-content json-content">{
  721. &quot;type&quot;: &quot;萌宠&quot;,
  722. &quot;rankDate&quot;: &quot;2025-11-07&quot;
  723. }</div>
  724. </div>
  725. <button class="prompt-toggle-btn" onclick="togglePrompt('prompt-step-1-1')">显示 Prompt</button>
  726. <div class="prompt-content" id="prompt-step-1-1">你是一个API调用专家。你的任务是根据已经选择的工具及输入信息生成正确的调用参数。
  727. 选择的工具调用ID:
  728. new_red_TopicRanking
  729. 输入的信息:
  730. 1.已知信息账号人设:
  731. -账号的品类:宠物表情包账号
  732. -人设里能和该贴匹配的点:
  733. 鼓励式猫咪表情包-猫咪考试祝福
  734. 推广饮品品牌-推广餐饮品牌
  735. 互动粉丝-互动特点人群
  736. 拟人化猫咪形象-拟人化猫咪形象
  737. 表情包式图文-表情包式视觉风格
  738. 情景化植入-强关联场景植入
  739. -账号聚出来的pattern模式:
  740. 模式1: 拟人化穿搭+趣味分享意图, 萌宠主题内容+拟人化主体,视觉构图版式....
  741. 模式2:校园学生人设+商业推广意图,商业产品推厂+场景化产品植入
  742. 模式3:日常生活演绎+萌宠主题内容+图文叙事结构
  743. 模式4:视觉隐喻+趣味分享意图+视觉构图版式
  744. 2.待寻找点:
  745. -社交媒体解构贴中未与账号人设匹配的信息
  746. 考试祝福
  747. 3.帖子创作日期:2025-11-07
  748. 所有的工具参数定义:
  749. {
  750. &quot;name&quot;: &quot;new_red_TopicRanking&quot;,
  751. &quot;title&quot;: &quot;新红话题榜单&quot;,
  752. &quot;description&quot;: &quot;提供小红书平台热门话题全景榜单数据,覆盖排名、话题名称及核心简介、参与人数增量、浏览量增量、笔记增量、互动增量(点赞 / 收藏 / 评论综合统计)等核心维度。支持精准筛选与高效应用。话题类型涵盖美妆,美容个护,鞋包潮玩,穿搭打扮,美食,母婴育儿,旅游出行,家居家装,教育,生活,运动健身,兴趣爱好,影视综,婚嫁,摄影摄像,萌宠,情感星座,科技互联网,资讯,健康养生,科学科普,职场,交通工具,其他 24 个垂直领域,统计时间可选择日榜(近 7 天)、周榜(近 4 周)、月榜(近 5 个月),满足不同周期的热点追踪需求。榜单数据实时更新,同步呈现官方流量扶持话题标识,助力品牌、达人快速锁定高曝光赛道;便于拆解爆款逻辑、制定内容选题策略,提升运营效率。&quot;,
  753. &quot;inputSchema&quot;: {
  754. &quot;type&quot;: &quot;object&quot;,
  755. &quot;properties&quot;: {
  756. &quot;type&quot;: {
  757. &quot;type&quot;: &quot;string&quot;,
  758. &quot;description&quot;: &quot;话题类型,如全部、美食、萌宠等,默认为&#39;全部&#39;&quot;,
  759. &quot;default&quot;: &quot;全部&quot;
  760. },
  761. &quot;rankDate&quot;: {
  762. &quot;type&quot;: &quot;string&quot;,
  763. &quot;description&quot;: &quot;排名日期,格式为YYYY-MM-DD&quot;
  764. },
  765. &quot;sort&quot;: {
  766. &quot;type&quot;: &quot;string&quot;,
  767. &quot;description&quot;: &quot;排序方式,默认按互动数&#39;interactiveCount&#39;排序&quot;,
  768. &quot;default&quot;: &quot;interactiveCount&quot;
  769. }
  770. },
  771. &quot;required&quot;: [
  772. &quot;type&quot;,
  773. &quot;rankDate&quot;
  774. ]
  775. }
  776. }
  777. 请分析工具的参数要求,根据查询内容提取或推断出合适的参数值。
  778. 输出格式:请以 JSON 格式输出参数字典,例如:
  779. {
  780. &quot;param1&quot;: &quot;value1&quot;,
  781. &quot;param2&quot;: &quot;value2&quot;
  782. }
  783. 注意事项:
  784. 1. 只输出参数的JSON字典,不要包含任何解释
  785. 2. 参数名必须与工具定义中的参数名完全一致
  786. 3. 参数值要从查询中提取或合理推断
  787. 4. 不要添加工具定义中没有的参数
  788. 5. 如果某个参数无法从查询中获取,使用合理的默认值或省略该参数
  789. 只输出JSON,不要包含markdown标记。</div>
  790. </div>
  791. </div>
  792. <div class="arrow"></div>
  793. <div class="workflow-step" id="step-1-2">
  794. <div class="step-header" onclick="toggleStep('step-1-2')">
  795. <div class="step-title">
  796. <span class="step-number">3</span>
  797. <span class="step-name">执行工具</span>
  798. </div>
  799. <span class="step-toggle">▼</span>
  800. </div>
  801. <div class="step-content" id="content-step-1-2">
  802. <div class="step-detail">
  803. <span class="step-detail-label">执行结果:</span>
  804. <div class="step-detail-content json-content">未找到 2025-11-07 日期 萌宠 分类的话题数据</div>
  805. </div>
  806. </div>
  807. </div>
  808. </div>
  809. <div class="output-section">
  810. <h3>最终输出</h3>
  811. <div class="step-detail-content json-content">未找到 2025-11-07 日期 萌宠 分类的话题数据</div>
  812. </div>
  813. </div>
  814. </div>
  815. <script>
  816. function switchTab(index) {
  817. // 隐藏所有tab内容
  818. const contents = document.querySelectorAll('.tab-content');
  819. contents.forEach(content => content.classList.remove('active'));
  820. // 移除所有tab的active状态
  821. const tabs = document.querySelectorAll('.tab');
  822. tabs.forEach(tab => tab.classList.remove('active'));
  823. // 显示选中的tab内容
  824. document.getElementById('tab-' + index).classList.add('active');
  825. tabs[index].classList.add('active');
  826. }
  827. function toggleStep(stepId) {
  828. const step = document.getElementById(stepId);
  829. const content = document.getElementById('content-' + stepId);
  830. const toggle = step.querySelector('.step-toggle');
  831. if (content.classList.contains('expanded')) {
  832. content.classList.remove('expanded');
  833. toggle.classList.remove('expanded');
  834. step.classList.remove('active');
  835. } else {
  836. content.classList.add('expanded');
  837. toggle.classList.add('expanded');
  838. step.classList.add('active');
  839. }
  840. }
  841. function togglePrompt(promptId) {
  842. const promptContent = document.getElementById(promptId);
  843. const btn = promptContent.previousElementSibling;
  844. if (promptContent.classList.contains('show')) {
  845. promptContent.classList.remove('show');
  846. btn.textContent = '显示 Prompt';
  847. } else {
  848. promptContent.classList.add('show');
  849. btn.textContent = '隐藏 Prompt';
  850. }
  851. }
  852. // 页面加载时高亮第一个步骤
  853. window.addEventListener('load', function() {
  854. const firstSteps = document.querySelectorAll('.workflow-step');
  855. firstSteps.forEach((step, index) => {
  856. if (index === 0 || index % (firstSteps.length / document.querySelectorAll('.tab-content').length) === 0) {
  857. step.classList.add('active');
  858. const content = step.querySelector('.step-content');
  859. const toggle = step.querySelector('.step-toggle');
  860. if (content) {
  861. content.classList.add('expanded');
  862. toggle.classList.add('expanded');
  863. }
  864. }
  865. });
  866. });
  867. </script>
  868. </body>
  869. </html>