|
|
@@ -1,1008 +0,0 @@
|
|
|
-<!DOCTYPE html>
|
|
|
-<html lang="zh-CN">
|
|
|
-<head>
|
|
|
- <meta charset="UTF-8">
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
- <title>知识获取工作流可视化</title>
|
|
|
- <style>
|
|
|
- * {
|
|
|
- margin: 0;
|
|
|
- padding: 0;
|
|
|
- box-sizing: border-box;
|
|
|
- }
|
|
|
-
|
|
|
- body {
|
|
|
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
|
|
|
- background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
|
- color: #333;
|
|
|
- line-height: 1.6;
|
|
|
- min-height: 100vh;
|
|
|
- }
|
|
|
-
|
|
|
- .container {
|
|
|
- max-width: 1400px;
|
|
|
- margin: 0 auto;
|
|
|
- padding: 30px 20px;
|
|
|
- }
|
|
|
-
|
|
|
- h1 {
|
|
|
- text-align: center;
|
|
|
- color: white;
|
|
|
- margin-bottom: 40px;
|
|
|
- font-size: 32px;
|
|
|
- font-weight: 600;
|
|
|
- text-shadow: 0 2px 10px rgba(0,0,0,0.2);
|
|
|
- letter-spacing: 1px;
|
|
|
- }
|
|
|
-
|
|
|
- .tabs {
|
|
|
- display: flex;
|
|
|
- background: white;
|
|
|
- border-radius: 12px 12px 0 0;
|
|
|
- box-shadow: 0 4px 20px rgba(0,0,0,0.15);
|
|
|
- overflow-x: auto;
|
|
|
- padding: 5px;
|
|
|
- }
|
|
|
-
|
|
|
- .tab {
|
|
|
- padding: 16px 28px;
|
|
|
- cursor: pointer;
|
|
|
- border: none;
|
|
|
- background: transparent;
|
|
|
- color: #666;
|
|
|
- font-size: 14px;
|
|
|
- transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
|
- white-space: nowrap;
|
|
|
- border-radius: 8px;
|
|
|
- margin: 0 4px;
|
|
|
- position: relative;
|
|
|
- font-weight: 500;
|
|
|
- }
|
|
|
-
|
|
|
- .tab:hover {
|
|
|
- background: #f0f0f0;
|
|
|
- color: #333;
|
|
|
- }
|
|
|
-
|
|
|
- .tab.active {
|
|
|
- background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
|
- color: white;
|
|
|
- box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
|
|
|
- }
|
|
|
-
|
|
|
- .tab-content {
|
|
|
- display: none;
|
|
|
- background: white;
|
|
|
- padding: 40px;
|
|
|
- border-radius: 0 0 12px 12px;
|
|
|
- box-shadow: 0 4px 20px rgba(0,0,0,0.15);
|
|
|
- margin-bottom: 20px;
|
|
|
- animation: fadeIn 0.3s ease-in;
|
|
|
- }
|
|
|
-
|
|
|
- @keyframes fadeIn {
|
|
|
- from { opacity: 0; transform: translateY(10px); }
|
|
|
- to { opacity: 1; transform: translateY(0); }
|
|
|
- }
|
|
|
-
|
|
|
- .tab-content.active {
|
|
|
- display: block;
|
|
|
- }
|
|
|
-
|
|
|
- .input-section {
|
|
|
- background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
|
|
|
- padding: 28px;
|
|
|
- border-radius: 12px;
|
|
|
- margin-bottom: 35px;
|
|
|
- box-shadow: 0 4px 15px rgba(0,0,0,0.1);
|
|
|
- border: 1px solid rgba(255,255,255,0.5);
|
|
|
- }
|
|
|
-
|
|
|
- .input-section h3 {
|
|
|
- color: #2c3e50;
|
|
|
- margin-bottom: 20px;
|
|
|
- font-size: 20px;
|
|
|
- font-weight: 600;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- gap: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .input-section h3::before {
|
|
|
- content: '📋';
|
|
|
- font-size: 24px;
|
|
|
- }
|
|
|
-
|
|
|
- .input-item {
|
|
|
- margin-bottom: 16px;
|
|
|
- padding: 12px;
|
|
|
- background: rgba(255,255,255,0.7);
|
|
|
- border-radius: 8px;
|
|
|
- transition: all 0.3s;
|
|
|
- }
|
|
|
-
|
|
|
- .input-item:hover {
|
|
|
- background: rgba(255,255,255,0.9);
|
|
|
- transform: translateX(5px);
|
|
|
- }
|
|
|
-
|
|
|
- .input-item strong {
|
|
|
- color: #495057;
|
|
|
- display: inline-block;
|
|
|
- width: 110px;
|
|
|
- font-weight: 600;
|
|
|
- }
|
|
|
-
|
|
|
- .input-item .placeholder {
|
|
|
- color: #999;
|
|
|
- font-style: italic;
|
|
|
- }
|
|
|
-
|
|
|
- .workflow {
|
|
|
- position: relative;
|
|
|
- }
|
|
|
-
|
|
|
- .workflow-step {
|
|
|
- background: white;
|
|
|
- border: 2px solid #e0e0e0;
|
|
|
- border-radius: 12px;
|
|
|
- margin-bottom: 25px;
|
|
|
- transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
|
- overflow: hidden;
|
|
|
- box-shadow: 0 2px 8px rgba(0,0,0,0.08);
|
|
|
- }
|
|
|
-
|
|
|
- .workflow-step.active {
|
|
|
- border-color: #667eea;
|
|
|
- box-shadow: 0 8px 24px rgba(102, 126, 234, 0.25);
|
|
|
- transform: translateY(-2px);
|
|
|
- }
|
|
|
-
|
|
|
- .step-header {
|
|
|
- padding: 20px 24px;
|
|
|
- background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
|
|
|
- cursor: pointer;
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
- user-select: none;
|
|
|
- transition: all 0.3s;
|
|
|
- }
|
|
|
-
|
|
|
- .step-header:hover {
|
|
|
- background: linear-gradient(135deg, #e9ecef 0%, #dee2e6 100%);
|
|
|
- }
|
|
|
-
|
|
|
- .workflow-step.active .step-header {
|
|
|
- background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
|
- color: white;
|
|
|
- }
|
|
|
-
|
|
|
- .workflow-step.active .step-name {
|
|
|
- color: white;
|
|
|
- }
|
|
|
-
|
|
|
- .workflow-step.active .step-toggle {
|
|
|
- color: white;
|
|
|
- }
|
|
|
-
|
|
|
- .step-title {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- gap: 15px;
|
|
|
- }
|
|
|
-
|
|
|
- .step-number {
|
|
|
- display: inline-flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- width: 36px;
|
|
|
- height: 36px;
|
|
|
- background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
|
- color: white;
|
|
|
- border-radius: 50%;
|
|
|
- font-size: 16px;
|
|
|
- font-weight: bold;
|
|
|
- box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
|
|
|
- }
|
|
|
-
|
|
|
- .workflow-step.active .step-number {
|
|
|
- background: white;
|
|
|
- color: #667eea;
|
|
|
- box-shadow: 0 4px 12px rgba(255,255,255,0.3);
|
|
|
- }
|
|
|
-
|
|
|
- .step-name {
|
|
|
- font-size: 18px;
|
|
|
- font-weight: 600;
|
|
|
- color: #2c3e50;
|
|
|
- }
|
|
|
-
|
|
|
- .step-toggle {
|
|
|
- color: #6c757d;
|
|
|
- font-size: 20px;
|
|
|
- transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
|
- }
|
|
|
-
|
|
|
- .step-toggle.expanded {
|
|
|
- transform: rotate(180deg);
|
|
|
- }
|
|
|
-
|
|
|
- .step-content {
|
|
|
- padding: 0 20px;
|
|
|
- max-height: 0;
|
|
|
- overflow: hidden;
|
|
|
- transition: max-height 0.3s ease-out, padding 0.3s;
|
|
|
- }
|
|
|
-
|
|
|
- .step-content.expanded {
|
|
|
- max-height: 5000px;
|
|
|
- padding: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- .step-detail {
|
|
|
- margin-bottom: 20px;
|
|
|
- }
|
|
|
-
|
|
|
- .step-detail-label {
|
|
|
- font-weight: 600;
|
|
|
- color: #495057;
|
|
|
- margin-bottom: 10px;
|
|
|
- display: block;
|
|
|
- font-size: 14px;
|
|
|
- text-transform: uppercase;
|
|
|
- letter-spacing: 0.5px;
|
|
|
- }
|
|
|
-
|
|
|
- .step-detail-content {
|
|
|
- background: #f8f9fa;
|
|
|
- padding: 16px;
|
|
|
- border-radius: 8px;
|
|
|
- border-left: 4px solid #667eea;
|
|
|
- font-size: 14px;
|
|
|
- line-height: 1.8;
|
|
|
- white-space: pre-wrap;
|
|
|
- word-wrap: break-word;
|
|
|
- max-height: 400px;
|
|
|
- overflow-y: auto;
|
|
|
- box-shadow: 0 2px 8px rgba(0,0,0,0.05);
|
|
|
- }
|
|
|
-
|
|
|
- .json-content {
|
|
|
- font-family: 'SF Mono', 'Monaco', 'Courier New', monospace;
|
|
|
- background: #1e1e1e;
|
|
|
- color: #d4d4d4;
|
|
|
- padding: 20px;
|
|
|
- border-radius: 8px;
|
|
|
- overflow-x: auto;
|
|
|
- border-left: 4px solid #667eea;
|
|
|
- box-shadow: 0 4px 12px rgba(0,0,0,0.15);
|
|
|
- }
|
|
|
-
|
|
|
- .prompt-toggle-btn {
|
|
|
- background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
|
- color: white;
|
|
|
- border: none;
|
|
|
- padding: 10px 20px;
|
|
|
- border-radius: 6px;
|
|
|
- cursor: pointer;
|
|
|
- font-size: 13px;
|
|
|
- font-weight: 500;
|
|
|
- margin-top: 15px;
|
|
|
- transition: all 0.3s;
|
|
|
- box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
|
|
|
- }
|
|
|
-
|
|
|
- .prompt-toggle-btn:hover {
|
|
|
- transform: translateY(-2px);
|
|
|
- box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
|
|
|
- }
|
|
|
-
|
|
|
- .prompt-content {
|
|
|
- display: none;
|
|
|
- margin-top: 15px;
|
|
|
- padding: 16px;
|
|
|
- background: #fff3cd;
|
|
|
- border-radius: 8px;
|
|
|
- border-left: 4px solid #ffc107;
|
|
|
- font-size: 13px;
|
|
|
- line-height: 1.8;
|
|
|
- white-space: pre-wrap;
|
|
|
- word-wrap: break-word;
|
|
|
- max-height: 500px;
|
|
|
- overflow-y: auto;
|
|
|
- }
|
|
|
-
|
|
|
- .prompt-content.show {
|
|
|
- display: block;
|
|
|
- animation: slideDown 0.3s ease-out;
|
|
|
- }
|
|
|
-
|
|
|
- @keyframes slideDown {
|
|
|
- from {
|
|
|
- opacity: 0;
|
|
|
- max-height: 0;
|
|
|
- }
|
|
|
- to {
|
|
|
- opacity: 1;
|
|
|
- max-height: 500px;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .output-section {
|
|
|
- background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);
|
|
|
- padding: 28px;
|
|
|
- border-radius: 12px;
|
|
|
- margin-top: 35px;
|
|
|
- border-left: 4px solid #0ea5e9;
|
|
|
- box-shadow: 0 4px 15px rgba(14, 165, 233, 0.2);
|
|
|
- }
|
|
|
-
|
|
|
- .output-section h3 {
|
|
|
- color: #0369a1;
|
|
|
- margin-bottom: 20px;
|
|
|
- font-size: 20px;
|
|
|
- font-weight: 600;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- gap: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .output-section h3::before {
|
|
|
- content: '✨';
|
|
|
- font-size: 24px;
|
|
|
- }
|
|
|
-
|
|
|
- .arrow {
|
|
|
- text-align: center;
|
|
|
- color: #667eea;
|
|
|
- font-size: 32px;
|
|
|
- margin: -15px 0;
|
|
|
- position: relative;
|
|
|
- z-index: 1;
|
|
|
- filter: drop-shadow(0 2px 4px rgba(102, 126, 234, 0.3));
|
|
|
- }
|
|
|
-
|
|
|
- .arrow::before {
|
|
|
- content: '↓';
|
|
|
- }
|
|
|
-
|
|
|
- @media (max-width: 768px) {
|
|
|
- .container {
|
|
|
- padding: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .tab {
|
|
|
- padding: 12px 15px;
|
|
|
- font-size: 13px;
|
|
|
- }
|
|
|
-
|
|
|
- .tab-content {
|
|
|
- padding: 20px;
|
|
|
- }
|
|
|
- }
|
|
|
- </style>
|
|
|
-</head>
|
|
|
-<body>
|
|
|
- <div class="container">
|
|
|
- <h1>知识获取工作流可视化</h1>
|
|
|
- <div class="tabs" id="tabs">
|
|
|
- <button class="tab active" onclick="switchTab(0)">557e5ce27c1c</button>
|
|
|
- <button class="tab " onclick="switchTab(1)">d0608df43f77</button>
|
|
|
- </div>
|
|
|
- <div class="tab-content active" id="tab-0">
|
|
|
- <div class="input-section">
|
|
|
- <h3>输入信息</h3>
|
|
|
- <div class="input-item" style="white-space: pre-wrap; line-height: 1.8;">1.已知信息账号人设:
|
|
|
--账号的品类:宠物表情包账号
|
|
|
--人设里能和该贴匹配的点:
|
|
|
-鼓励式猫咪表情包-猫咪考试祝福
|
|
|
-推广饮品品牌-推广餐饮品牌
|
|
|
-互动粉丝-互动特点人群
|
|
|
-拟人化猫咪形象-拟人化猫咪形象
|
|
|
-表情包式图文-表情包式视觉风格
|
|
|
-情景化植入-强关联场景植入
|
|
|
--账号聚出来的pattern模式:
|
|
|
-模式1: 拟人化穿搭+趣味分享意图, 萌宠主题内容+拟人化主体,视觉构图版式....
|
|
|
-模式2:校园学生人设+商业推广意图,商业产品推厂+场景化产品植入
|
|
|
-模式3:日常生活演绎+萌宠主题内容+图文叙事结构
|
|
|
-模式4:视觉隐喻+趣味分享意图+视觉构图版式
|
|
|
-
|
|
|
-2.待寻找点:
|
|
|
--社交媒体解构贴中未与账号人设匹配的信息
|
|
|
-饺子品牌
|
|
|
-
|
|
|
-3.帖子创作日期:2025-11-07
|
|
|
-</div>
|
|
|
- </div>
|
|
|
- <div class="workflow">
|
|
|
- <div class="workflow-step" id="step-0-0">
|
|
|
- <div class="step-header" onclick="toggleStep('step-0-0')">
|
|
|
- <div class="step-title">
|
|
|
- <span class="step-number">1</span>
|
|
|
- <span class="step-name">选择工具</span>
|
|
|
- </div>
|
|
|
- <span class="step-toggle">▼</span>
|
|
|
- </div>
|
|
|
- <div class="step-content" id="content-step-0-0">
|
|
|
- <div class="step-detail">
|
|
|
- <span class="step-detail-label">工具名称:</span>
|
|
|
- <div class="step-detail-content">新红热搜词榜单</div>
|
|
|
- </div>
|
|
|
- <div class="step-detail">
|
|
|
- <span class="step-detail-label">工具调用ID:</span>
|
|
|
- <div class="step-detail-content">new_red_hot_search_words_ranking</div>
|
|
|
- </div>
|
|
|
- <button class="prompt-toggle-btn" onclick="togglePrompt('prompt-step-0-0')">显示 Prompt</button>
|
|
|
- <div class="prompt-content" id="prompt-step-0-0"># 角色定位
|
|
|
-你是一个「工具匹配专家」,专门负责将内容创作需求与MCP工具库中的具体工具进行精准匹配。
|
|
|
-你的核心能力是:理解待寻找信息的特征,判断现有工具能力边界,并选择最优工具。
|
|
|
-
|
|
|
-# 核心任务
|
|
|
-根据输入的"待寻找点",在MCP工具库中直接匹配出能够获取该信息的最优工具。
|
|
|
-
|
|
|
-# 输入理解
|
|
|
-
|
|
|
-你会收到两类信息:
|
|
|
-
|
|
|
-## 1. 已知信息-账号人设(上下文环境)
|
|
|
-包含:
|
|
|
-- 账号品类:账号所属的内容领域
|
|
|
-- 人设匹配点:已知与该帖子相关的账号特征
|
|
|
-- Pattern模式:账号总结出的内容创作模式
|
|
|
-
|
|
|
-**作用**:提供待寻找点的应用场景和创作背景,帮助你理解信息类型和匹配工具
|
|
|
-
|
|
|
-## 2. 待寻找点(核心匹配目标)
|
|
|
-- 帖子中未与账号人设直接匹配的信息点
|
|
|
-- 这些点是创作者在创作过程中引入的新元素
|
|
|
-
|
|
|
-**作用**:你需要针对每个待寻找点,判断其信息特征,并匹配最优工具
|
|
|
-
|
|
|
-# MCP工具库清单
|
|
|
-
|
|
|
-当前工具库包含以下工具:
|
|
|
-
|
|
|
-工具名:新红话题榜单
|
|
|
-工具调用ID:new_red_TopicRanking
|
|
|
-工具介绍:提供小红书平台热门话题全景榜单数据,覆盖排名、话题名称及核心简介、参与人数增量、浏览量增量、笔记增量、互动增量(点赞 / 收藏 / 评论综合统计)等核心维度。支持精准筛选与高效应用。话题类型涵盖美妆,美容个护,鞋包潮玩,穿搭打扮,美食,母婴育儿,旅游出行,家居家装,教育,生活,运动健身,兴趣爱好,影视综,婚嫁,摄影摄像,萌宠,情感星座,科技互联网,资讯,健康养生,科学科普,职场,交通工具,其他 24 个垂直领域,统计时间可选择日榜(近 7 天)、周榜(近 4 周)、月榜(近 5 个月),满足不同周期的热点追踪需求。榜单数据实时更新,同步呈现官方流量扶持话题标识,助力品牌、达人快速锁定高曝光赛道;便于拆解爆款逻辑、制定内容选题策略,提升运营效率。
|
|
|
-
|
|
|
-工具名:新红热搜词榜单
|
|
|
-工具调用ID:new_red_hot_search_words_ranking
|
|
|
-工具介绍:提供小红书平台热搜词权威榜单数据,核心维度包括实时排名、热搜词、主要覆盖内容领域、相关笔记总量、爆文数(高互动笔记占比)、热度值(综合搜索量与互动率计算)。支持按统计时间(日榜 / 周榜 / 月榜)及 美妆,美容个护,鞋包潮玩,穿搭打扮,美食,母婴育儿,旅游出行,家居家装,教育,生活,运动健身,兴趣爱好,影视综,婚嫁,摄影摄像,萌宠,情感星座,科技互联网,资讯,健康养生,科学科普,职场,交通工具,其他 24 个垂直内容领域筛选。榜单每日更新,助力用户第一时间捕捉流量风口。可直接应用于选题规划、竞品投放策略分析。
|
|
|
-
|
|
|
-
|
|
|
-**一个待寻找点只匹配一个最优工具**
|
|
|
-
|
|
|
-# 输出格式
|
|
|
-
|
|
|
-针对每个待寻找点,按以下格式输出:
|
|
|
-【待寻找点X】: [点的名称]
|
|
|
-工具匹配结果:
|
|
|
-匹配工具: [工具名称] 或 [无工具匹配]
|
|
|
-匹配理由: [2-3句话说明为什么选择该工具,或为什么无工具匹配]
|
|
|
-应用场景: [结合账号人设,说明该工具如何帮助创作者找到这个待寻找点]
|
|
|
-
|
|
|
-# 输出格式
|
|
|
-json格式,字段定义如下:
|
|
|
-'''json
|
|
|
-{
|
|
|
- "工具名": "工具名称",
|
|
|
- "工具调用ID": "调用ID",
|
|
|
- "匹配理由": "",
|
|
|
- "应用场景": ""
|
|
|
-}
|
|
|
-'''
|
|
|
-
|
|
|
-## 无匹配时
|
|
|
-'''json
|
|
|
-{
|
|
|
-
|
|
|
-}
|
|
|
-'''
|
|
|
-
|
|
|
----
|
|
|
-
|
|
|
-# 约束条件
|
|
|
-
|
|
|
-**必须遵守**:
|
|
|
-- 每个待寻找点只匹配一个最优工具
|
|
|
-- 必须基于工具的实际能力边界进行匹配,不能过度推测
|
|
|
-- 无法匹配时,必须诚实输出"无工具匹配"
|
|
|
-- 匹配理由必须清晰说明工具能力与待寻找点需求的对应关系
|
|
|
-- 必须结合账号人设提供应用场景说明
|
|
|
-
|
|
|
-**禁止**:
|
|
|
-- 强行匹配不适用的工具
|
|
|
-- 为一个待寻找点匹配多个工具
|
|
|
-- 输出工具库中不存在的工具
|
|
|
-- 提供模糊或无法验证的匹配理由
|
|
|
-
|
|
|
-# 执行流程
|
|
|
-
|
|
|
-1. **接收输入**: 仔细阅读"已知账号人设"和"待寻找点"
|
|
|
-2. **类型分析**: 判断每个待寻找点属于A/B/C/D/E哪种信息类型
|
|
|
-3. **工具匹配**: 根据信息类型和工具能力,选择最优工具或判断无工具匹配
|
|
|
-4. **输出结果**: 按格式输出分析和匹配结果,包含匹配理由和应用场景
|
|
|
-
|
|
|
-
|
|
|
-# 输入信息
|
|
|
-{1.已知信息账号人设:
|
|
|
--账号的品类:宠物表情包账号
|
|
|
--人设里能和该贴匹配的点:
|
|
|
-鼓励式猫咪表情包-猫咪考试祝福
|
|
|
-推广饮品品牌-推广餐饮品牌
|
|
|
-互动粉丝-互动特点人群
|
|
|
-拟人化猫咪形象-拟人化猫咪形象
|
|
|
-表情包式图文-表情包式视觉风格
|
|
|
-情景化植入-强关联场景植入
|
|
|
--账号聚出来的pattern模式:
|
|
|
-模式1: 拟人化穿搭+趣味分享意图, 萌宠主题内容+拟人化主体,视觉构图版式....
|
|
|
-模式2:校园学生人设+商业推广意图,商业产品推厂+场景化产品植入
|
|
|
-模式3:日常生活演绎+萌宠主题内容+图文叙事结构
|
|
|
-模式4:视觉隐喻+趣味分享意图+视觉构图版式
|
|
|
-
|
|
|
-2.待寻找点:
|
|
|
--社交媒体解构贴中未与账号人设匹配的信息
|
|
|
-饺子品牌
|
|
|
-
|
|
|
-3.帖子创作日期:2025-11-07
|
|
|
-}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="arrow"></div>
|
|
|
- <div class="workflow-step" id="step-0-1">
|
|
|
- <div class="step-header" onclick="toggleStep('step-0-1')">
|
|
|
- <div class="step-title">
|
|
|
- <span class="step-number">2</span>
|
|
|
- <span class="step-name">提取参数</span>
|
|
|
- </div>
|
|
|
- <span class="step-toggle">▼</span>
|
|
|
- </div>
|
|
|
- <div class="step-content" id="content-step-0-1">
|
|
|
- <div class="step-detail">
|
|
|
- <span class="step-detail-label">提取的参数:</span>
|
|
|
- <div class="step-detail-content json-content">{
|
|
|
- "typeV1": "美食",
|
|
|
- "rankDate": "2025-11-07"
|
|
|
-}</div>
|
|
|
- </div>
|
|
|
- <button class="prompt-toggle-btn" onclick="togglePrompt('prompt-step-0-1')">显示 Prompt</button>
|
|
|
- <div class="prompt-content" id="prompt-step-0-1">你是一个API调用专家。你的任务是根据已经选择的工具及输入信息生成正确的调用参数。
|
|
|
-
|
|
|
-选择的工具调用ID:
|
|
|
-new_red_hot_search_words_ranking
|
|
|
-
|
|
|
-输入的信息:
|
|
|
-1.已知信息账号人设:
|
|
|
--账号的品类:宠物表情包账号
|
|
|
--人设里能和该贴匹配的点:
|
|
|
-鼓励式猫咪表情包-猫咪考试祝福
|
|
|
-推广饮品品牌-推广餐饮品牌
|
|
|
-互动粉丝-互动特点人群
|
|
|
-拟人化猫咪形象-拟人化猫咪形象
|
|
|
-表情包式图文-表情包式视觉风格
|
|
|
-情景化植入-强关联场景植入
|
|
|
--账号聚出来的pattern模式:
|
|
|
-模式1: 拟人化穿搭+趣味分享意图, 萌宠主题内容+拟人化主体,视觉构图版式....
|
|
|
-模式2:校园学生人设+商业推广意图,商业产品推厂+场景化产品植入
|
|
|
-模式3:日常生活演绎+萌宠主题内容+图文叙事结构
|
|
|
-模式4:视觉隐喻+趣味分享意图+视觉构图版式
|
|
|
-
|
|
|
-2.待寻找点:
|
|
|
--社交媒体解构贴中未与账号人设匹配的信息
|
|
|
-饺子品牌
|
|
|
-
|
|
|
-3.帖子创作日期:2025-11-07
|
|
|
-
|
|
|
-
|
|
|
-所有的工具参数定义:
|
|
|
-{
|
|
|
- "name": "new_red_hot_search_words_ranking",
|
|
|
- "title": "新红热搜词榜单",
|
|
|
- "description": "提供小红书平台热搜词权威榜单数据,核心维度包括实时排名、热搜词、主要覆盖内容领域、相关笔记总量、爆文数(高互动笔记占比)、热度值(综合搜索量与互动率计算)。支持按统计时间(日榜 / 周榜 / 月榜)及 美妆,美容个护,鞋包潮玩,穿搭打扮,美食,母婴育儿,旅游出行,家居家装,教育,生活,运动健身,兴趣爱好,影视综,婚嫁,摄影摄像,萌宠,情感星座,科技互联网,资讯,健康养生,科学科普,职场,交通工具,其他 24 个垂直内容领域筛选。榜单每日更新,助力用户第一时间捕捉流量风口。可直接应用于选题规划、竞品投放策略分析。",
|
|
|
- "inputSchema": {
|
|
|
- "type": "object",
|
|
|
- "properties": {
|
|
|
- "typeV1": {
|
|
|
- "type": "string",
|
|
|
- "description": "可选参数,用于指定热搜词类型,如全部、美食、萌宠等,默认为'全部'",
|
|
|
- "default": "全部"
|
|
|
-
|
|
|
- },
|
|
|
- "rankDate": {
|
|
|
- "type": "string",
|
|
|
- "description": "排名日期,默认为'2025-10-20',格式为YYYY-MM-DD"
|
|
|
- },
|
|
|
- "sort": {
|
|
|
- "type": "string",
|
|
|
- "description": "排序方式,默认为'hot_score',按热度分数排序"
|
|
|
- }
|
|
|
- },
|
|
|
- "required": [
|
|
|
- "typeV1",
|
|
|
- "rankDate"
|
|
|
- ]
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-请分析工具的参数要求,根据查询内容提取或推断出合适的参数值。
|
|
|
-
|
|
|
-输出格式:请以 JSON 格式输出参数字典,例如:
|
|
|
-{
|
|
|
- "param1": "value1",
|
|
|
- "param2": "value2"
|
|
|
-}
|
|
|
-
|
|
|
-注意事项:
|
|
|
-1. 只输出参数的JSON字典,不要包含任何解释
|
|
|
-2. 参数名必须与工具定义中的参数名完全一致
|
|
|
-3. 参数值要从查询中提取或合理推断
|
|
|
-4. 不要添加工具定义中没有的参数
|
|
|
-5. 如果某个参数无法从查询中获取,使用合理的默认值或省略该参数
|
|
|
-
|
|
|
-只输出JSON,不要包含markdown标记。</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="arrow"></div>
|
|
|
- <div class="workflow-step" id="step-0-2">
|
|
|
- <div class="step-header" onclick="toggleStep('step-0-2')">
|
|
|
- <div class="step-title">
|
|
|
- <span class="step-number">3</span>
|
|
|
- <span class="step-name">执行工具</span>
|
|
|
- </div>
|
|
|
- <span class="step-toggle">▼</span>
|
|
|
- </div>
|
|
|
- <div class="step-content" id="content-step-0-2">
|
|
|
- <div class="step-detail">
|
|
|
- <span class="step-detail-label">执行结果:</span>
|
|
|
- <div class="step-detail-content json-content">未找到 2025-11-07 日期 美食 分类的热搜词数据</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="output-section">
|
|
|
- <h3>最终输出</h3>
|
|
|
- <div class="step-detail-content json-content">未找到 2025-11-07 日期 美食 分类的热搜词数据</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="tab-content " id="tab-1">
|
|
|
- <div class="input-section">
|
|
|
- <h3>输入信息</h3>
|
|
|
- <div class="input-item" style="white-space: pre-wrap; line-height: 1.8;">1.已知信息账号人设:
|
|
|
--账号的品类:宠物表情包账号
|
|
|
--人设里能和该贴匹配的点:
|
|
|
-鼓励式猫咪表情包-猫咪考试祝福
|
|
|
-推广饮品品牌-推广餐饮品牌
|
|
|
-互动粉丝-互动特点人群
|
|
|
-拟人化猫咪形象-拟人化猫咪形象
|
|
|
-表情包式图文-表情包式视觉风格
|
|
|
-情景化植入-强关联场景植入
|
|
|
--账号聚出来的pattern模式:
|
|
|
-模式1: 拟人化穿搭+趣味分享意图, 萌宠主题内容+拟人化主体,视觉构图版式....
|
|
|
-模式2:校园学生人设+商业推广意图,商业产品推厂+场景化产品植入
|
|
|
-模式3:日常生活演绎+萌宠主题内容+图文叙事结构
|
|
|
-模式4:视觉隐喻+趣味分享意图+视觉构图版式
|
|
|
-
|
|
|
-2.待寻找点:
|
|
|
--社交媒体解构贴中未与账号人设匹配的信息
|
|
|
-考试祝福
|
|
|
-
|
|
|
-3.帖子创作日期:2025-11-07
|
|
|
-</div>
|
|
|
- </div>
|
|
|
- <div class="workflow">
|
|
|
- <div class="workflow-step" id="step-1-0">
|
|
|
- <div class="step-header" onclick="toggleStep('step-1-0')">
|
|
|
- <div class="step-title">
|
|
|
- <span class="step-number">1</span>
|
|
|
- <span class="step-name">选择工具</span>
|
|
|
- </div>
|
|
|
- <span class="step-toggle">▼</span>
|
|
|
- </div>
|
|
|
- <div class="step-content" id="content-step-1-0">
|
|
|
- <div class="step-detail">
|
|
|
- <span class="step-detail-label">工具名称:</span>
|
|
|
- <div class="step-detail-content">新红话题榜单</div>
|
|
|
- </div>
|
|
|
- <div class="step-detail">
|
|
|
- <span class="step-detail-label">工具调用ID:</span>
|
|
|
- <div class="step-detail-content">new_red_TopicRanking</div>
|
|
|
- </div>
|
|
|
- <button class="prompt-toggle-btn" onclick="togglePrompt('prompt-step-1-0')">显示 Prompt</button>
|
|
|
- <div class="prompt-content" id="prompt-step-1-0"># 角色定位
|
|
|
-你是一个「工具匹配专家」,专门负责将内容创作需求与MCP工具库中的具体工具进行精准匹配。
|
|
|
-你的核心能力是:理解待寻找信息的特征,判断现有工具能力边界,并选择最优工具。
|
|
|
-
|
|
|
-# 核心任务
|
|
|
-根据输入的"待寻找点",在MCP工具库中直接匹配出能够获取该信息的最优工具。
|
|
|
-
|
|
|
-# 输入理解
|
|
|
-
|
|
|
-你会收到两类信息:
|
|
|
-
|
|
|
-## 1. 已知信息-账号人设(上下文环境)
|
|
|
-包含:
|
|
|
-- 账号品类:账号所属的内容领域
|
|
|
-- 人设匹配点:已知与该帖子相关的账号特征
|
|
|
-- Pattern模式:账号总结出的内容创作模式
|
|
|
-
|
|
|
-**作用**:提供待寻找点的应用场景和创作背景,帮助你理解信息类型和匹配工具
|
|
|
-
|
|
|
-## 2. 待寻找点(核心匹配目标)
|
|
|
-- 帖子中未与账号人设直接匹配的信息点
|
|
|
-- 这些点是创作者在创作过程中引入的新元素
|
|
|
-
|
|
|
-**作用**:你需要针对每个待寻找点,判断其信息特征,并匹配最优工具
|
|
|
-
|
|
|
-# MCP工具库清单
|
|
|
-
|
|
|
-当前工具库包含以下工具:
|
|
|
-
|
|
|
-工具名:新红话题榜单
|
|
|
-工具调用ID:new_red_TopicRanking
|
|
|
-工具介绍:提供小红书平台热门话题全景榜单数据,覆盖排名、话题名称及核心简介、参与人数增量、浏览量增量、笔记增量、互动增量(点赞 / 收藏 / 评论综合统计)等核心维度。支持精准筛选与高效应用。话题类型涵盖美妆,美容个护,鞋包潮玩,穿搭打扮,美食,母婴育儿,旅游出行,家居家装,教育,生活,运动健身,兴趣爱好,影视综,婚嫁,摄影摄像,萌宠,情感星座,科技互联网,资讯,健康养生,科学科普,职场,交通工具,其他 24 个垂直领域,统计时间可选择日榜(近 7 天)、周榜(近 4 周)、月榜(近 5 个月),满足不同周期的热点追踪需求。榜单数据实时更新,同步呈现官方流量扶持话题标识,助力品牌、达人快速锁定高曝光赛道;便于拆解爆款逻辑、制定内容选题策略,提升运营效率。
|
|
|
-
|
|
|
-工具名:新红热搜词榜单
|
|
|
-工具调用ID:new_red_hot_search_words_ranking
|
|
|
-工具介绍:提供小红书平台热搜词权威榜单数据,核心维度包括实时排名、热搜词、主要覆盖内容领域、相关笔记总量、爆文数(高互动笔记占比)、热度值(综合搜索量与互动率计算)。支持按统计时间(日榜 / 周榜 / 月榜)及 美妆,美容个护,鞋包潮玩,穿搭打扮,美食,母婴育儿,旅游出行,家居家装,教育,生活,运动健身,兴趣爱好,影视综,婚嫁,摄影摄像,萌宠,情感星座,科技互联网,资讯,健康养生,科学科普,职场,交通工具,其他 24 个垂直内容领域筛选。榜单每日更新,助力用户第一时间捕捉流量风口。可直接应用于选题规划、竞品投放策略分析。
|
|
|
-
|
|
|
-
|
|
|
-**一个待寻找点只匹配一个最优工具**
|
|
|
-
|
|
|
-# 输出格式
|
|
|
-
|
|
|
-针对每个待寻找点,按以下格式输出:
|
|
|
-【待寻找点X】: [点的名称]
|
|
|
-工具匹配结果:
|
|
|
-匹配工具: [工具名称] 或 [无工具匹配]
|
|
|
-匹配理由: [2-3句话说明为什么选择该工具,或为什么无工具匹配]
|
|
|
-应用场景: [结合账号人设,说明该工具如何帮助创作者找到这个待寻找点]
|
|
|
-
|
|
|
-# 输出格式
|
|
|
-json格式,字段定义如下:
|
|
|
-'''json
|
|
|
-{
|
|
|
- "工具名": "工具名称",
|
|
|
- "工具调用ID": "调用ID",
|
|
|
- "匹配理由": "",
|
|
|
- "应用场景": ""
|
|
|
-}
|
|
|
-'''
|
|
|
-
|
|
|
-## 无匹配时
|
|
|
-'''json
|
|
|
-{
|
|
|
-
|
|
|
-}
|
|
|
-'''
|
|
|
-
|
|
|
----
|
|
|
-
|
|
|
-# 约束条件
|
|
|
-
|
|
|
-**必须遵守**:
|
|
|
-- 每个待寻找点只匹配一个最优工具
|
|
|
-- 必须基于工具的实际能力边界进行匹配,不能过度推测
|
|
|
-- 无法匹配时,必须诚实输出"无工具匹配"
|
|
|
-- 匹配理由必须清晰说明工具能力与待寻找点需求的对应关系
|
|
|
-- 必须结合账号人设提供应用场景说明
|
|
|
-
|
|
|
-**禁止**:
|
|
|
-- 强行匹配不适用的工具
|
|
|
-- 为一个待寻找点匹配多个工具
|
|
|
-- 输出工具库中不存在的工具
|
|
|
-- 提供模糊或无法验证的匹配理由
|
|
|
-
|
|
|
-# 执行流程
|
|
|
-
|
|
|
-1. **接收输入**: 仔细阅读"已知账号人设"和"待寻找点"
|
|
|
-2. **类型分析**: 判断每个待寻找点属于A/B/C/D/E哪种信息类型
|
|
|
-3. **工具匹配**: 根据信息类型和工具能力,选择最优工具或判断无工具匹配
|
|
|
-4. **输出结果**: 按格式输出分析和匹配结果,包含匹配理由和应用场景
|
|
|
-
|
|
|
-
|
|
|
-# 输入信息
|
|
|
-{1.已知信息账号人设:
|
|
|
--账号的品类:宠物表情包账号
|
|
|
--人设里能和该贴匹配的点:
|
|
|
-鼓励式猫咪表情包-猫咪考试祝福
|
|
|
-推广饮品品牌-推广餐饮品牌
|
|
|
-互动粉丝-互动特点人群
|
|
|
-拟人化猫咪形象-拟人化猫咪形象
|
|
|
-表情包式图文-表情包式视觉风格
|
|
|
-情景化植入-强关联场景植入
|
|
|
--账号聚出来的pattern模式:
|
|
|
-模式1: 拟人化穿搭+趣味分享意图, 萌宠主题内容+拟人化主体,视觉构图版式....
|
|
|
-模式2:校园学生人设+商业推广意图,商业产品推厂+场景化产品植入
|
|
|
-模式3:日常生活演绎+萌宠主题内容+图文叙事结构
|
|
|
-模式4:视觉隐喻+趣味分享意图+视觉构图版式
|
|
|
-
|
|
|
-2.待寻找点:
|
|
|
--社交媒体解构贴中未与账号人设匹配的信息
|
|
|
-考试祝福
|
|
|
-
|
|
|
-3.帖子创作日期:2025-11-07
|
|
|
-}</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="arrow"></div>
|
|
|
- <div class="workflow-step" id="step-1-1">
|
|
|
- <div class="step-header" onclick="toggleStep('step-1-1')">
|
|
|
- <div class="step-title">
|
|
|
- <span class="step-number">2</span>
|
|
|
- <span class="step-name">提取参数</span>
|
|
|
- </div>
|
|
|
- <span class="step-toggle">▼</span>
|
|
|
- </div>
|
|
|
- <div class="step-content" id="content-step-1-1">
|
|
|
- <div class="step-detail">
|
|
|
- <span class="step-detail-label">提取的参数:</span>
|
|
|
- <div class="step-detail-content json-content">{
|
|
|
- "type": "萌宠",
|
|
|
- "rankDate": "2025-11-07"
|
|
|
-}</div>
|
|
|
- </div>
|
|
|
- <button class="prompt-toggle-btn" onclick="togglePrompt('prompt-step-1-1')">显示 Prompt</button>
|
|
|
- <div class="prompt-content" id="prompt-step-1-1">你是一个API调用专家。你的任务是根据已经选择的工具及输入信息生成正确的调用参数。
|
|
|
-
|
|
|
-选择的工具调用ID:
|
|
|
-new_red_TopicRanking
|
|
|
-
|
|
|
-输入的信息:
|
|
|
-1.已知信息账号人设:
|
|
|
--账号的品类:宠物表情包账号
|
|
|
--人设里能和该贴匹配的点:
|
|
|
-鼓励式猫咪表情包-猫咪考试祝福
|
|
|
-推广饮品品牌-推广餐饮品牌
|
|
|
-互动粉丝-互动特点人群
|
|
|
-拟人化猫咪形象-拟人化猫咪形象
|
|
|
-表情包式图文-表情包式视觉风格
|
|
|
-情景化植入-强关联场景植入
|
|
|
--账号聚出来的pattern模式:
|
|
|
-模式1: 拟人化穿搭+趣味分享意图, 萌宠主题内容+拟人化主体,视觉构图版式....
|
|
|
-模式2:校园学生人设+商业推广意图,商业产品推厂+场景化产品植入
|
|
|
-模式3:日常生活演绎+萌宠主题内容+图文叙事结构
|
|
|
-模式4:视觉隐喻+趣味分享意图+视觉构图版式
|
|
|
-
|
|
|
-2.待寻找点:
|
|
|
--社交媒体解构贴中未与账号人设匹配的信息
|
|
|
-考试祝福
|
|
|
-
|
|
|
-3.帖子创作日期:2025-11-07
|
|
|
-
|
|
|
-
|
|
|
-所有的工具参数定义:
|
|
|
-{
|
|
|
- "name": "new_red_TopicRanking",
|
|
|
- "title": "新红话题榜单",
|
|
|
- "description": "提供小红书平台热门话题全景榜单数据,覆盖排名、话题名称及核心简介、参与人数增量、浏览量增量、笔记增量、互动增量(点赞 / 收藏 / 评论综合统计)等核心维度。支持精准筛选与高效应用。话题类型涵盖美妆,美容个护,鞋包潮玩,穿搭打扮,美食,母婴育儿,旅游出行,家居家装,教育,生活,运动健身,兴趣爱好,影视综,婚嫁,摄影摄像,萌宠,情感星座,科技互联网,资讯,健康养生,科学科普,职场,交通工具,其他 24 个垂直领域,统计时间可选择日榜(近 7 天)、周榜(近 4 周)、月榜(近 5 个月),满足不同周期的热点追踪需求。榜单数据实时更新,同步呈现官方流量扶持话题标识,助力品牌、达人快速锁定高曝光赛道;便于拆解爆款逻辑、制定内容选题策略,提升运营效率。",
|
|
|
- "inputSchema": {
|
|
|
- "type": "object",
|
|
|
- "properties": {
|
|
|
- "type": {
|
|
|
- "type": "string",
|
|
|
- "description": "话题类型,如全部、美食、萌宠等,默认为'全部'",
|
|
|
- "default": "全部"
|
|
|
- },
|
|
|
- "rankDate": {
|
|
|
- "type": "string",
|
|
|
- "description": "排名日期,格式为YYYY-MM-DD"
|
|
|
- },
|
|
|
- "sort": {
|
|
|
- "type": "string",
|
|
|
- "description": "排序方式,默认按互动数'interactiveCount'排序",
|
|
|
- "default": "interactiveCount"
|
|
|
- }
|
|
|
- },
|
|
|
- "required": [
|
|
|
- "type",
|
|
|
- "rankDate"
|
|
|
- ]
|
|
|
- }
|
|
|
-}
|
|
|
-
|
|
|
-请分析工具的参数要求,根据查询内容提取或推断出合适的参数值。
|
|
|
-
|
|
|
-输出格式:请以 JSON 格式输出参数字典,例如:
|
|
|
-{
|
|
|
- "param1": "value1",
|
|
|
- "param2": "value2"
|
|
|
-}
|
|
|
-
|
|
|
-注意事项:
|
|
|
-1. 只输出参数的JSON字典,不要包含任何解释
|
|
|
-2. 参数名必须与工具定义中的参数名完全一致
|
|
|
-3. 参数值要从查询中提取或合理推断
|
|
|
-4. 不要添加工具定义中没有的参数
|
|
|
-5. 如果某个参数无法从查询中获取,使用合理的默认值或省略该参数
|
|
|
-
|
|
|
-只输出JSON,不要包含markdown标记。</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="arrow"></div>
|
|
|
- <div class="workflow-step" id="step-1-2">
|
|
|
- <div class="step-header" onclick="toggleStep('step-1-2')">
|
|
|
- <div class="step-title">
|
|
|
- <span class="step-number">3</span>
|
|
|
- <span class="step-name">执行工具</span>
|
|
|
- </div>
|
|
|
- <span class="step-toggle">▼</span>
|
|
|
- </div>
|
|
|
- <div class="step-content" id="content-step-1-2">
|
|
|
- <div class="step-detail">
|
|
|
- <span class="step-detail-label">执行结果:</span>
|
|
|
- <div class="step-detail-content json-content">未找到 2025-11-07 日期 萌宠 分类的话题数据</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="output-section">
|
|
|
- <h3>最终输出</h3>
|
|
|
- <div class="step-detail-content json-content">未找到 2025-11-07 日期 萌宠 分类的话题数据</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <script>
|
|
|
- function switchTab(index) {
|
|
|
- // 隐藏所有tab内容
|
|
|
- const contents = document.querySelectorAll('.tab-content');
|
|
|
- contents.forEach(content => content.classList.remove('active'));
|
|
|
-
|
|
|
- // 移除所有tab的active状态
|
|
|
- const tabs = document.querySelectorAll('.tab');
|
|
|
- tabs.forEach(tab => tab.classList.remove('active'));
|
|
|
-
|
|
|
- // 显示选中的tab内容
|
|
|
- document.getElementById('tab-' + index).classList.add('active');
|
|
|
- tabs[index].classList.add('active');
|
|
|
- }
|
|
|
-
|
|
|
- function toggleStep(stepId) {
|
|
|
- const step = document.getElementById(stepId);
|
|
|
- const content = document.getElementById('content-' + stepId);
|
|
|
- const toggle = step.querySelector('.step-toggle');
|
|
|
-
|
|
|
- if (content.classList.contains('expanded')) {
|
|
|
- content.classList.remove('expanded');
|
|
|
- toggle.classList.remove('expanded');
|
|
|
- step.classList.remove('active');
|
|
|
- } else {
|
|
|
- content.classList.add('expanded');
|
|
|
- toggle.classList.add('expanded');
|
|
|
- step.classList.add('active');
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- function togglePrompt(promptId) {
|
|
|
- const promptContent = document.getElementById(promptId);
|
|
|
- const btn = promptContent.previousElementSibling;
|
|
|
-
|
|
|
- if (promptContent.classList.contains('show')) {
|
|
|
- promptContent.classList.remove('show');
|
|
|
- btn.textContent = '显示 Prompt';
|
|
|
- } else {
|
|
|
- promptContent.classList.add('show');
|
|
|
- btn.textContent = '隐藏 Prompt';
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- // 页面加载时高亮第一个步骤
|
|
|
- window.addEventListener('load', function() {
|
|
|
- const firstSteps = document.querySelectorAll('.workflow-step');
|
|
|
- firstSteps.forEach((step, index) => {
|
|
|
- if (index === 0 || index % (firstSteps.length / document.querySelectorAll('.tab-content').length) === 0) {
|
|
|
- step.classList.add('active');
|
|
|
- const content = step.querySelector('.step-content');
|
|
|
- const toggle = step.querySelector('.step-toggle');
|
|
|
- if (content) {
|
|
|
- content.classList.add('expanded');
|
|
|
- toggle.classList.add('expanded');
|
|
|
- }
|
|
|
- }
|
|
|
- });
|
|
|
- });
|
|
|
- </script>
|
|
|
-</body>
|
|
|
-</html>
|