/zh/categories/ai%E5%AE%9E%E8%B7%B5/Recent content in AI实践 on 隽戈的科技生活馆HugozhWed, 27 May 2026 19:09:31 +0800/zh/blog/2026/05/27/ultraplan-swarm/Wed, 27 May 2026 00:00:00 +0800/zh/blog/2026/05/27/ultraplan-swarm/<style> .td-content { max-width: 900px; margin: 0 auto; } .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102,126,234,0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 100px; opacity: 0.15; font-family: Georgia, serif; } .info-box { background: #f0f4ff; border-left: 4px solid #667eea; padding: 1.5rem; border-radius: 8px; margin: 1.5rem 0; box-shadow: 0 2px 8px rgba(102,126,234,0.1); } .info-box strong { color: #667eea; } .highlight-box { background: #fff8f0; border-left: 4px solid #f0a030; padding: 1.5rem; border-radius: 8px; margin: 1.5rem 0; box-shadow: 0 2px 8px rgba(240,160,48,0.1); } .highlight-box strong { color: #d99000; } .stats-box { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); color: white; padding: 2rem; border-radius: 12px; margin: 1.5rem 0; text-align: center; } .stats-box .stat-number { font-size: 2.5rem; font-weight: 700; color: #667eea; display: block; } .stats-box .stat-label { font-size: 0.9rem; opacity: 0.8; } .numbered-list { counter-reset: item; } .numbered-list li { list-style: none; position: relative; padding-left: 50px; margin-bottom: 1.5rem; line-height: 1.8; } .numbered-list li::before { counter-increment: item; content: counter(item); position: absolute; left: 0; top: 0; background: linear-gradient(135deg, #667eea, #764ba2); color: white; width: 36px; height: 36px; border-radius: 50%; text-align: center; line-height: 36px; font-weight: 700; font-size: 0.9rem; } .inline-quote { background: #e8f4fd; border-radius: 8px; padding: 1.5rem 1.5rem 1.5rem 3rem; margin: 1.5rem 0; position: relative; } .inline-quote::before { content: '"'; position: absolute; left: 15px; top: 10px; font-size: 40px; color: #667eea; opacity: 0.3; font-family: Georgia, serif; } .section-divider { height: 2px; background: linear-gradient(90deg, transparent, #667eea, #764ba2, transparent); margin: 3rem 0; position: relative; } .section-divider::before { content: "◆"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: white; padding: 0 10px; color: #667eea; font-size: 0.8rem; } .outro-box { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); color: white; padding: 2.5rem; border-radius: 12px; margin: 2rem 0; box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .outro-box strong { color: #667eea; } .tech-table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; font-size: 0.95rem; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); } .tech-table th { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 12px 16px; text-align: left; font-weight: 600; } .tech-table td { padding: 10px 16px; border-bottom: 1px solid #e8e8e8; } .tech-table tr:nth-child(even) { background: #f8f9fa; } .tech-table tr:hover { background: #f0f4ff; } .content-image { margin: 2rem 0; border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,0.15); } .image-caption { text-align: center; color: #888; font-size: 0.9rem; margin-top: 0.5rem; } </style> <blockquote> <p>当单 Agent 不够用时，Anthropic 怎么用工程手段把规划、执行、审批、团队协作拆成一套分布式系统。四个关键词：ULTRAPLAN、Agent Swarm、Remote CCR、浏览器审批流。</p>/zh/blog/2026/05/26/fork-subagent-prompt-cache/Tue, 26 May 2026 00:00:00 +0800/zh/blog/2026/05/26/fork-subagent-prompt-cache/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } /* ---- 卡片组件 ---- */ /* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */ .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } /* 信息框：浅色背景 + 左侧蓝色边框 */ .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } /* 重点提示框：暖色背景 + 橙色边框 */ .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1); } /* 数据卡片：深色背景 + 大号数字 */ .stats-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2rem; border-radius: 12px; margin: 2rem 0; text-align: center; } .stats-box .number { font-size: 2.5rem; font-weight: 800; color: #667eea; display: block; } /* ---- 序号列表：带彩色编号圆徽章 ---- */ .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } /* ---- 引用卡片（正文内嵌引用） ---- */ .inline-quote { background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0; border-radius: 12px; position: relative; font-style: italic; color: #4a5568; } .inline-quote::before { content: '"'; position: absolute; top: 5px; left: 12px; font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif; } .inline-quote .author { display: block; margin-top: 0.5rem; font-style: normal; font-weight: 600; color: #667eea; font-size: 0.9rem; } /* ---- 视觉分隔器 ---- */ .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } /* ---- 结尾典藏框 ---- */ .outro-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2.5rem; border-radius: 16px; margin: 3rem 0; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .outro-box strong { color: #667eea !important; } /* ---- 标题样式 ---- */ .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } /* ---- 加粗文字主题色 ---- */ .td-content strong { color: #667eea; font-weight: 600; } /* ---- 段落样式 ---- */ .td-content p { margin-bottom: 1.5rem; } /* ---- 图片样式 ---- */ .td-content img { border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease; } .td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); } /* ---- 代码块 ---- */ .td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); margin: 2rem 0; } /* ---- 表格 ---- */ .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } /* ---- 响应式 ---- */ @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .stats-box .number { font-size: 2rem; } .numbered-list li { padding-left: 2rem; } } </style> <p><strong>Claude Code 的源码堪称 AI Agent 工程的教科书。</strong> 如果你读过系列上一篇，应该记得 Fork Subagent 的独特设计：它不复制父 Agent 的上下文，而是创建一个&quot;影子&quot;会话，通过消息传递来通信。</p>/zh/blog/2026/05/26/kairos-resident-assistant/Tue, 26 May 2026 00:00:00 +0800/zh/blog/2026/05/26/kairos-resident-assistant/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } /* ---- 卡片组件 ---- */ /* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */ .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } /* 信息框：浅色背景 + 左侧蓝色边框 */ .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } /* 重点提示框：暖色背景 + 橙色边框 */ .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1); } /* 数据卡片：深色背景 + 大号数字 */ .stats-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2rem; border-radius: 12px; margin: 2rem 0; text-align: center; } .stats-box .number { font-size: 2.5rem; font-weight: 800; color: #667eea; display: block; } /* ---- 序号列表：带彩色编号圆徽章 ---- */ .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } /* ---- 引用卡片（正文内嵌引用） ---- */ .inline-quote { background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0; border-radius: 12px; position: relative; font-style: italic; color: #4a5568; } .inline-quote::before { content: '"'; position: absolute; top: 5px; left: 12px; font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif; } .inline-quote .author { display: block; margin-top: 0.5rem; font-style: normal; font-weight: 600; color: #667eea; font-size: 0.9rem; } /* ---- 视觉分隔器 ---- */ .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } /* ---- 结尾典藏框 ---- */ .outro-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2.5rem; border-radius: 16px; margin: 3rem 0; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .outro-box strong { color: #667eea !important; } /* ---- 标题样式 ---- */ .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } /* ---- 加粗文字主题色 ---- */ .td-content strong { color: #667eea; font-weight: 600; } /* ---- 段落样式 ---- */ .td-content p { margin-bottom: 1.5rem; } /* ---- 图片样式 ---- */ .td-content img { border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease; } .td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); } /* ---- 代码块 ---- */ .td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); margin: 2rem 0; } /* ---- 表格 ---- */ .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } /* ---- 响应式 ---- */ @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .stats-box .number { font-size: 2rem; } .numbered-list li { padding-left: 2rem; } } </style> <div class="lead-quote"> 它不是等你输入才行动的 AI。它是一个住在你终端里的常驻助手——没有请求就主动观察，在恰当的时机递上恰到好处的信息。不打扰，但一直都在。 </div> <p>如果你用过 Claude Code，你会发现它有个很独特的体验：有时你正看着终端发呆，它突然弹出一行提示——&ldquo;我在检查 CI 状态……发现了 3 个失败的测试&rdquo;。你没有发任何指令，没有敲任何命令，它自己决定要做点什么。</p>/zh/blog/2026/05/26/tao-law-vs-moore-law/Tue, 26 May 2026 00:00:00 +0800/zh/blog/2026/05/26/tao-law-vs-moore-law/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102,126,234,0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237,137,54,0.1); } .stats-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2rem; border-radius: 12px; margin: 2rem 0; text-align: center; } .stats-box .number { font-size: 2.5rem; font-weight: 800; color: #667eea; display: block; } .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } .inline-quote { background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0; border-radius: 12px; position: relative; font-style: italic; color: #4a5568; } .inline-quote::before { content: '"'; position: absolute; top: 5px; left: 12px; font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif; } .inline-quote .author { display: block; margin-top: 0.5rem; font-style: normal; font-weight: 600; color: #667eea; font-size: 0.9rem; } .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } .outro-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2.5rem; border-radius: 16px; margin: 3rem 0; text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.2); } .outro-box strong { color: #667eea !important; } .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } .td-content strong { color: #667eea; font-weight: 600; } .td-content p { margin-bottom: 1.5rem; } .td-content img { border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.12); margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease; } .td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.18); } .td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0,0,0,0.1); margin: 2rem 0; } .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .stats-box .number { font-size: 2rem; } .numbered-list li { padding-left: 2rem; } } </style> <div class="lead-quote"> 2026年5月25日，华为在上海国际电路与系统研讨会上正式发布了"韬（τ）定律"。这是中国首次提出的半导体产业指导原则。它不是在挑战摩尔定律——它是在摩尔定律"走不动"的地方，重新回答了芯片性能该怎么继续提升。 </div> <p>如果你关注科技新闻，昨天一定看到这两条消息：科创50暴涨5.88%，中芯国际单日涨幅18.78%，整个半导体板块集体狂飙。</p>/zh/blog/2026/05/25/claude-code-tool-system-architecture/Mon, 25 May 2026 00:00:00 +0800/zh/blog/2026/05/25/claude-code-tool-system-architecture/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } /* ---- 卡片组件 ---- */ /* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */ .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } /* 信息框：浅色背景 + 左侧蓝色边框 */ .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } /* 重点提示框：暖色背景 + 橙色边框 */ .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1); } /* 数据卡片：深色背景 + 大号数字 */ .stats-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2rem; border-radius: 12px; margin: 2rem 0; text-align: center; } .stats-box .number { font-size: 2.5rem; font-weight: 800; color: #667eea; display: block; } /* ---- 序号列表：带彩色编号圆徽章 ---- */ .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } /* ---- 引用卡片（正文内嵌引用） ---- */ .inline-quote { background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0; border-radius: 12px; position: relative; font-style: italic; color: #4a5568; } .inline-quote::before { content: '"'; position: absolute; top: 5px; left: 12px; font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif; } .inline-quote .author { display: block; margin-top: 0.5rem; font-style: normal; font-weight: 600; color: #667eea; font-size: 0.9rem; } /* ---- 视觉分隔器 ---- */ .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } /* ---- 结尾典藏框 ---- */ .outro-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2.5rem; border-radius: 16px; margin: 3rem 0; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .outro-box strong { color: #667eea !important; } /* ---- 标题样式 ---- */ .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } /* ---- 加粗文字主题色 ---- */ .td-content strong { color: #667eea; font-weight: 600; } /* ---- 段落样式 ---- */ .td-content p { margin-bottom: 1.5rem; } /* ---- 图片样式 ---- */ .td-content img { border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease; } .td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); } /* ---- 代码块 ---- */ .td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); margin: 2rem 0; } /* ---- 表格 ---- */ .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } /* ---- 响应式 ---- */ @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .stats-box .number { font-size: 2rem; } .numbered-list li { padding-left: 2rem; } } </style> <div class="lead-quote"> 40 个工具，4 级权限，3 道防线，1 套 ML 自动审批——Claude Code 的工具系统不是功能堆砌，而是一套工业级的权限管控架构。它回答了 Agent 工具系统最核心的问题：Agent 该被允许做什么？以及谁来决定？ </div> <p>上一篇文章《Claude Code 源码深度拆解：Multi-Agent 的实现机制》发出后，收到很多&quot;还没看够&quot;的反馈。确实，Claude Code 的源码太丰富了，Multi-Agent 只是冰山一角。这次我翻出源码中另一个工程密度极高的模块——<strong>工具系统</strong>。</p>/zh/blog/2026/05/21/agent-skills-eating-software-dev/Thu, 21 May 2026 00:00:00 +0800/zh/blog/2026/05/21/agent-skills-eating-software-dev/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } /* ---- 卡片组件 ---- */ /* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */ .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } /* 信息框：浅色背景 + 左侧蓝色边框 */ .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } /* 重点提示框：暖色背景 + 橙色边框 */ .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1); } /* 数据卡片：深色背景 + 大号数字 */ .stats-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2rem; border-radius: 12px; margin: 2rem 0; text-align: center; } .stats-box .number { font-size: 2.5rem; font-weight: 800; color: #667eea; display: block; } /* ---- 序号列表：带彩色编号圆徽章 ---- */ .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } /* ---- 引用卡片（正文内嵌引用） ---- */ .inline-quote { background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0; border-radius: 12px; position: relative; font-style: italic; color: #4a5568; } .inline-quote::before { content: '"'; position: absolute; top: 5px; left: 12px; font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif; } .inline-quote .author { display: block; margin-top: 0.5rem; font-style: normal; font-weight: 600; color: #667eea; font-size: 0.9rem; } /* ---- 视觉分隔器 ---- */ .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } /* ---- 结尾典藏框 ---- */ .outro-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2.5rem; border-radius: 16px; margin: 3rem 0; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .outro-box strong { color: #667eea !important; } /* ---- 标题样式 ---- */ .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } /* ---- 加粗文字主题色 ---- */ .td-content strong { color: #667eea; font-weight: 600; } /* ---- 段落样式 ---- */ .td-content p { margin-bottom: 1.5rem; } /* ---- 图片样式 ---- */ .td-content img { border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease; } .td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); } /* ---- 代码块 ---- */ .td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); margin: 2rem 0; } /* ---- 表格 ---- */ .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } /* ---- 响应式 ---- */ @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .stats-box .number { font-size: 2rem; } .numbered-list li { padding-left: 2rem; } } </style> <p><strong>前几天刷 GitHub Trending，看到了一组不太真实的数字。</strong></p>/zh/blog/2026/05/14/gpt-image-2-prompt-engineering/Thu, 14 May 2026 00:00:00 +0800/zh/blog/2026/05/14/gpt-image-2-prompt-engineering/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } /* ---- 卡片组件 ---- */ .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1); } .stats-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2rem; border-radius: 12px; margin: 2rem 0; text-align: center; } .stats-box .number { font-size: 2.5rem; font-weight: 800; color: #667eea; display: block; } .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } .inline-quote { background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0; border-radius: 12px; position: relative; font-style: italic; color: #4a5568; } .inline-quote::before { content: '"'; position: absolute; top: 5px; left: 12px; font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif; } .inline-quote .author { display: block; margin-top: 0.5rem; font-style: normal; font-weight: 600; color: #667eea; font-size: 0.9rem; } .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } .outro-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2.5rem; border-radius: 16px; margin: 3rem 0; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .outro-box strong { color: #667eea !important; } .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } .td-content strong { color: #667eea; font-weight: 600; } .td-content p { margin-bottom: 1.5rem; } .td-content img { border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease; } .td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); } .td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); margin: 2rem 0; } .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } /* ---- 模板卡片样式 ---- */ .template-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; position: relative; } .template-card .template-label { display: inline-block; background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 0.2rem 0.6rem; border-radius: 4px; font-size: 0.75rem; font-weight: 600; margin-bottom: 0.75rem; } .template-card pre { margin: 0.5rem 0 0 0; background: #1e293b; color: #e2e8f0; padding: 1rem; border-radius: 8px; font-size: 0.85rem; overflow-x: auto; } .template-card .template-tip { margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid #e2e8f0; font-size: 0.85rem; color: #64748b; } </style> <p><strong>GPT Image 2 用的是另一种语言——不是关键词标签，是设计师和艺术总监互相交代任务时的&quot;创意简报&quot;语言。一旦理解这个转变，出图就不再靠抽卡碰运气。</strong></p>/zh/blog/2026/05/13/gpt-image-2-prompt-repo/Wed, 13 May 2026 00:00:00 +0800/zh/blog/2026/05/13/gpt-image-2-prompt-repo/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } /* ---- 卡片组件 ---- */ /* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */ .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } /* 信息框：浅色背景 + 左侧蓝色边框 */ .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } /* 重点提示框：暖色背景 + 橙色边框 */ .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1); } /* 数据卡片：深色背景 + 大号数字 */ .stats-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2rem; border-radius: 12px; margin: 2rem 0; text-align: center; } .stats-box .number { font-size: 2.5rem; font-weight: 800; color: #667eea; display: block; } /* ---- 序号列表：带彩色编号圆徽章 ---- */ .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } /* ---- 引用卡片（正文内嵌引用） ---- */ .inline-quote { background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0; border-radius: 12px; position: relative; font-style: italic; color: #4a5568; } .inline-quote::before { content: '"'; position: absolute; top: 5px; left: 12px; font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif; } .inline-quote .author { display: block; margin-top: 0.5rem; font-style: normal; font-weight: 600; color: #667eea; font-size: 0.9rem; } /* ---- 视觉分隔器 ---- */ .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } /* ---- 结尾典藏框 ---- */ .outro-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2.5rem; border-radius: 16px; margin: 3rem 0; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .outro-box strong { color: #667eea !important; } /* ---- 标题样式 ---- */ .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } /* ---- 加粗文字主题色 ---- */ .td-content strong { color: #667eea; font-weight: 600; } /* ---- 段落样式 ---- */ .td-content p { margin-bottom: 1.5rem; } /* ---- 图片样式 ---- */ .td-content img { border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease; } .td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); } /* ---- 代码块 ---- */ .td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); margin: 2rem 0; } /* ---- 表格 ---- */ .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } /* ---- 响应式 ---- */ @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .stats-box .number { font-size: 2rem; } .numbered-list li { padding-left: 2rem; } } </style> <p><strong>GPT Image 2 发布十多天了，网上教程铺天盖地，但真正好用的东西往往藏在 GitHub 上。</strong> 有人已经把精心打磨的提示词整理成公开仓库，全部免费，复制粘贴就能用。</p>/zh/blog/2026/05/10/aiops-agent-platform/Sun, 10 May 2026 00:00:00 +0800/zh/blog/2026/05/10/aiops-agent-platform/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } /* ---- 卡片组件 ---- */ /* 引言卡片：紫蓝渐变 + 白色文字 + 阴影 */ .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102, 126, 234, 0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } /* 信息框：浅色背景 + 左侧蓝色边框 */ .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } /* 重点提示框：暖色背景 + 橙色边框 */ .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237, 137, 54, 0.1); } /* 数据卡片：深色背景 + 大号数字 */ .stats-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2rem; border-radius: 12px; margin: 2rem 0; text-align: center; } .stats-box .number { font-size: 2.5rem; font-weight: 800; color: #667eea; display: block; } /* ---- 序号列表：带彩色编号圆徽章 ---- */ .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } /* ---- 引用卡片（正文内嵌引用） ---- */ .inline-quote { background: #f0f4ff; padding: 1.5rem 2rem; margin: 2rem 0; border-radius: 12px; position: relative; font-style: italic; color: #4a5568; } .inline-quote::before { content: '"'; position: absolute; top: 5px; left: 12px; font-size: 48px; color: #667eea; opacity: 0.2; font-family: Georgia, serif; } .inline-quote .author { display: block; margin-top: 0.5rem; font-style: normal; font-weight: 600; color: #667eea; font-size: 0.9rem; } /* ---- 视觉分隔器 ---- */ .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } /* ---- 结尾典藏框 ---- */ .outro-box { background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%); color: white; padding: 2.5rem; border-radius: 16px; margin: 3rem 0; text-align: center; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } .outro-box strong { color: #667eea !important; } /* ---- 标题样式 ---- */ .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } /* ---- 加粗文字主题色 ---- */ .td-content strong { color: #667eea; font-weight: 600; } /* ---- 段落样式 ---- */ .td-content p { margin-bottom: 1.5rem; } /* ---- 图片样式 ---- */ .td-content img { border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); margin: 2.5rem 0; width: 100%; transition: transform 0.3s ease; } .td-content img:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); } /* ---- 代码块 ---- */ .td-content pre { border-radius: 12px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); margin: 2rem 0; } /* ---- 表格 ---- */ .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } /* ---- 响应式 ---- */ @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .stats-box .number { font-size: 2rem; } .numbered-list li { padding-left: 2rem; } } </style> <p><strong>用 AI Agent 构建 AIOps 平台，核心思路是把 Agent 作为&quot;大脑&quot;，通过 MCP（Model Context Protocol）接入运维工具链，通过 Skill 插件扩展自动化能力。这篇文章分享一个四层架构设计模型，从 Web UI 到底层系统集成，给出完整的技术选型建议和开发落地步骤。</strong></p>/zh/blog/2026/05/09/aiops-10agent-skills/Sat, 09 May 2026 00:00:00 +0800/zh/blog/2026/05/09/aiops-10agent-skills/<style> /* ===== junge-site 通用文章样式 ===== */ .td-content { max-width: 900px; margin: 0 auto; } .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102,126,234,0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237,137,54,0.1); } .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } .td-content strong { color: #667eea; font-weight: 600; } .td-content p { margin-bottom: 1.5rem; } @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .numbered-list li { padding-left: 2rem; } } </style> <div class="lead-quote"> 研究AIOps大半年，目前手里有不少可落地的方案。越研究越发现Skills的重要性——用好Skills，可以让我们事半功倍。 </div> <div class="info-box"> **一句话说清楚：** AI Agent Skills 不是大模型能力的替代，而是能力的"精准化"——给 AI 一套明确的工具和上下文，让它从"什么都会但什么都不精"变成"某个场景特别能打"。今天分享10个运维领域里最有实战价值的 Skills。 </div> <p><strong>研究 AIOps 越久，就越发现 Skills 的重要性。</strong> 当然不只是在 AIOps 场景中，其它场景里 Skills 同样重要。用好 Skills 可以让我们事半功倍，让 AI 从&quot;通用助手&quot;升级为&quot;领域专家&quot;。</p>/zh/blog/2026/05/09/openclaw-vs-hermes-agent-architecture/Sat, 09 May 2026 00:00:00 +0800/zh/blog/2026/05/09/openclaw-vs-hermes-agent-architecture/<style> .td-content { max-width: 900px; margin: 0 auto; } .lead-quote { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; padding: 2.5rem 2rem; border-radius: 12px; margin: 2rem 0 3rem 0; font-size: 1.25rem; font-weight: 600; line-height: 1.6; box-shadow: 0 10px 30px rgba(102,126,234,0.3); position: relative; overflow: hidden; } .lead-quote::before { content: '"'; position: absolute; top: -20px; left: 10px; font-size: 120px; opacity: 0.1; font-family: Georgia, serif; } .info-box { background: #f8f9fa; padding: 1.5rem; border-left: 4px solid #667eea; border-radius: 8px; margin: 2rem 0; } .highlight-box { background: linear-gradient(135deg, #fff5f5 0%, #fffaf0 100%); border: 2px solid #ed8936; border-radius: 12px; padding: 1.5rem; margin: 2rem 0; box-shadow: 0 4px 12px rgba(237,137,54,0.1); } .section-divider { display: flex; align-items: center; margin: 3rem 0; gap: 12px; } .section-divider .line { flex: 1; height: 1px; background: linear-gradient(90deg, transparent, #667eea, transparent); } .section-divider .dot { width: 6px; height: 6px; background: #667eea; border-radius: 50%; opacity: 0.5; } .numbered-list { list-style: none; padding: 0; margin: 1.5rem 0; } .numbered-list li { padding: 0.75rem 0 0.75rem 2.5rem; position: relative; line-height: 1.6; border-bottom: 1px solid #f0f0f0; } .numbered-list li:last-child { border-bottom: none; } .numbered-list .num { position: absolute; left: 0; top: 0.75rem; width: 28px; height: 28px; background: linear-gradient(135deg, #667eea, #764ba2); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.85rem; font-weight: 700; flex-shrink: 0; } .td-content h2 { font-size: 1.8rem; font-weight: 700; color: #1a202c; margin-top: 3.5rem; margin-bottom: 1.5rem; padding-bottom: 0.8rem; border-bottom: 3px solid #667eea; position: relative; } .td-content h2::before { content: ''; position: absolute; left: 0; bottom: -3px; width: 60px; height: 3px; background: linear-gradient(90deg, #667eea, #764ba2); } .td-content strong { color: #667eea; font-weight: 600; } .td-content p { margin-bottom: 1.5rem; } .td-content table { border-collapse: collapse; width: 100%; margin: 2rem 0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .td-content table th { background: linear-gradient(135deg, #667eea, #764ba2); color: white; padding: 12px 16px; font-weight: 600; } .td-content table td { padding: 10px 16px; border-bottom: 1px solid #f0f0f0; } .td-content table tr:last-child td { border-bottom: none; } @media (max-width: 768px) { .lead-quote { padding: 1.5rem 1rem; font-size: 1.1rem; } .numbered-list li { padding-left: 2rem; } } </style> <div class="lead-quote"> 当前 AI Agent 已从单一工具调用转向系统化落地。OpenClaw 与 Hermes 看似功能相近，但工程重心截然不同——一个聚焦"接入管控"，一个聚焦"自我进化"。 </div> <div class="info-box"> **一句话说清楚：** OpenClaw 以本地优先为核心，构建多入口接入与权限管控的 Gateway 控制面；Hermes 以自我进化为核心，打造学习型执行循环，实现任务经验的沉淀与复用。二者不存在简单的替代关系，而是代表 Agent 系统的两大发展方向。 </div> <p><strong>当前 AI Agent 已从单一工具调用转向系统化落地应用</strong>，不少开发者在搭建个人智能助理时，面临 OpenClaw 与 Hermes 的选型难题。尤其在 Reddit 等海外社区，&ldquo;I ditched OpenClaw for Hermes&rdquo; 的讨论持续发酵，国内开发者普遍困惑：二者是否属于同类产品？Hermes 能否完全替代 OpenClaw？</p>/zh/blog/2026/04/05/ai-bank-strategy-800-agents/Sun, 05 Apr 2026 00:00:00 +0800/zh/blog/2026/04/05/ai-bank-strategy-800-agents/<p><strong>核心事实：</strong></p> <p>微众银行近日与中移金科共建&quot;AI+银行联合实验室&quot;，已部署超过800个AI智能体，60多名&quot;数字员工&quot;实际上岗。信用债审查从数天压缩到10分钟，营销获客提升21%、成本降低5%。</p> <p><strong>但问题来了：为什么大多数银行的&quot;AI战略合作&quot;只停留在PR稿？</strong></p> <p>差距不在AI本身，在基础设施。</p> <hr> <h2 id="一平台先行智能体才能规模化">一、平台先行，智能体才能规模化<a class="td-heading-self-link" href="#%e4%b8%80%e5%b9%b3%e5%8f%b0%e5%85%88%e8%a1%8c%e6%99%ba%e8%83%bd%e4%bd%93%e6%89%8d%e8%83%bd%e8%a7%84%e6%a8%a1%e5%8c%96" aria-label="Heading self-link"></a></h2> <p>微众银行能落地800+智能体，靠的不是某个大模型能力，而是<strong>一站式AI应用构建平台</strong>——支持低代码开发，降低AI应用落地门槛。</p> <p>这是平台工程思维：先建平台，再铺应用。没有平台能力，AI应用就是烟囱式建设，每个场景从0开始，800个智能体就是800个孤岛。</p> <hr> <h2 id="二知识体系是ai的操作系统">二、知识体系是AI的&quot;操作系统&quot;<a class="td-heading-self-link" href="#%e4%ba%8c%e7%9f%a5%e8%af%86%e4%bd%93%e7%b3%bb%e6%98%afai%e7%9a%84%e6%93%8d%e4%bd%9c%e7%b3%bb%e7%bb%9f" aria-label="Heading self-link"></a></h2> <p>智能体能分析、能决策的前提是——<strong>有可分析的知识</strong>。</p> <p>企业需要构建：</p> <ul> <li><strong>告警标准化</strong>：监控告警格式统一，智能体能自动解析、分析、响应</li> <li><strong>变更标准化</strong>：变更流程、变更记录可检索、可理解</li> <li><strong>运维知识库</strong>：故障处理经验、变更记录，最佳实践——全部结构化沉淀</li> </ul> <p>没有这个基础设施，智能体再强也只是&quot;巧妇难为无米之炊&quot;。</p> <hr> <h2 id="三多智能体协作才是终态">三、多智能体协作才是终态<a class="td-heading-self-link" href="#%e4%b8%89%e5%a4%9a%e6%99%ba%e8%83%bd%e4%bd%93%e5%8d%8f%e4%bd%9c%e6%89%8d%e6%98%af%e7%bb%88%e6%80%81" aria-label="Heading self-link"></a></h2> <p>单一智能体的能力有上限。真正的架构是<strong>多角色智能体协作</strong>：</p> <ul> <li><strong>应急响应智能体</strong>：接收告警 → 自动分析 → 触发响应 → 协调处理</li> <li><strong>值班数字员工</strong>：7×24小时值守，处理标准化的重复问题</li> <li><strong>专家顾问智能体</strong>：复杂问题升级，人工介入前提供决策支持</li> <li><strong>知识管理智能体</strong>：持续学习、沉淀、更新企业知识库</li> </ul> <p>微众银行的&quot;60名数字员工&quot;本质上就是这个架构的落地——不是60个孤立的聊天机器人，而是有分工、有协作的数字化组织。</p> <hr> <h2 id="四行业差距的本质">四、行业差距的本质<a class="td-heading-self-link" href="#%e5%9b%9b%e8%a1%8c%e4%b8%9a%e5%b7%ae%e8%b7%9d%e7%9a%84%e6%9c%ac%e8%b4%a8" aria-label="Heading self-link"></a></h2> <p>2025年银行×科技企业的AI合作已成标配，但：</p> <table> <thead> <tr> <th>合作模式</th> <th>本质</th> <th>结果</th> </tr> </thead> <tbody> <tr> <td>共建实验室</td> <td>概念验证</td> <td>PR稿</td> </tr> <tr> <td>采购AI应用</td> <td>点状落地</td> <td>烟囱孤岛</td> </tr> <tr> <td>平台+知识体系+多智能体</td> <td>基础设施重构</td> <td>真正的数字化员工</td> </tr> </tbody> </table> <p>微众银行走的是第三条路。这也是为什么招行×火山引擎、华夏×中科院自动化所的合作公告里，大家都在提&quot;共建平台&quot;——大家开始意识到，基础设施才是隐形战场。</p> <hr> <h2 id="隽戈点评">隽戈点评<a class="td-heading-self-link" href="#%e9%9a%bd%e6%88%88%e7%82%b9%e8%af%84" aria-label="Heading self-link"></a></h2> <p>AI智能体建设，本质是<strong>运维数字化能力的输出</strong>。告警、变更，知识库——这些看起来&quot;不AI&quot;的东西，才是智能体能真正发挥价值的前提。没有标准化的接口、没有结构化的知识沉淀，智能体就是个高级玩具。</p> <p><strong>先建平台，后建智能体。先养知识，再谈AI。</strong></p> <hr> <p><em>本文由隽戈数字分身整理改写，原文来自智探AI应用</em></p>