yueqian/wiki
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 所有页面添加「← 返回知识库」导航链接
Deploy Wiki to Production / deploy (push) Has been cancelled
Details

Browse Source 
覆盖 27 个此前缺少返回链接的报告页和独立页面（共 50 个 HTML 页，index.html 首页除外）
- 标准报告页：header/header-bar 内插入 back-link
- 特殊页面：深国际、中医馆、YqBoot、交互式演示等单独适配
- 统一文案「← 返回知识库」，URL 按目录深度自动推算
This commit is contained in:
zdh
2026-06-05 19:07:17 +08:00
parent 798200cdd2
commit 5167d9e36e
70 changed files with 12334 additions and 1323 deletions
Download Patch File Download Diff File Expand all files Collapse all files
抖音话题/报告/ai-transformation-speech-and-script.html
+411
View File
@@ -0,0 +1,411 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI转型：观点独白 + 口播稿 | 软件行业正在发生的变化</title>
<style>
:root {
--color-primary: #1677FF; --color-primary-hover: #4096FF; --color-primary-active: #0958D9; --color-primary-bg: #E6F4FF;
--color-success: #52C41A; --color-success-bg: #F6FFED; --color-success-border: #B7EB8F;
--color-warning: #FAAD14; --color-warning-bg: #FFFBE6; --color-warning-border: #FFE58F;
--color-error: #FF4D4F; --color-error-bg: #FFF2F0; --color-error-border: #FFCCC7;
--bg: #F5F5F5; --bg-container: #FFFFFF; --bg-elevated: #FAFAFA;
--border: #D9D9D9; --border-light: #F0F0F0;
--text-primary: #141414; --text-secondary: #595959; --text-tertiary: #8C8C8C;
--radius-sm: 6px; --radius-md: 8px; --radius-lg: 12px;
--shadow-sm: 0 1px 2px rgba(0,0,0,0.03), 0 1px 6px -1px rgba(0,0,0,0.02);
--shadow-md: 0 2px 4px rgba(0,0,0,0.04), 0 4px 12px -2px rgba(0,0,0,0.04);
--shadow-lg: 0 4px 8px rgba(0,0,0,0.06), 0 8px 24px -4px rgba(0,0,0,0.08);
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.57;font-size:14px;}
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px;}
.header{position:fixed;top:0;left:0;right:0;height:64px;background:rgba(255,255,255,0.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);display:flex;align-items:center;padding:0 2rem;z-index:100;}
.header h1{font-size:18px;font-weight:700;background:linear-gradient(135deg,var(--color-primary),#722ED1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
.header .back-link{margin-right:16px;font-size:13px;color:var(--color-primary);text-decoration:none;flex-shrink:0;}
.header .back-link:hover{text-decoration:underline;}
.main{max-width:900px;margin:0 auto;padding:96px 32px 64px;}
section{margin:48px 0;scroll-margin-top:80px;}
section h2{font-size:24px;line-height:32px;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:20px;color:var(--color-primary);}
section h3{font-size:20px;line-height:28px;margin:24px 0 12px;color:#722ED1;}
p{color:var(--text-secondary);font-size:14px;margin:10px 0;text-align:justify;}
strong{color:var(--text-primary);}
/* ===== 演讲稿样式 ===== */
.speech-meta{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 24px;}
.speech-meta .meta-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;}
.meta-tag.duration{background:var(--color-primary-bg);color:var(--color-primary);border:1px solid #91CAFF;}
.meta-tag.audience{background:#F9F0FF;color:#722ED1;border:1px solid #D3ADF7;}
.meta-tag.occasion{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border);}
.script-block{margin:16px 0;padding:16px 20px;background:var(--bg-container);border-radius:var(--radius-md);border-left:4px solid var(--color-primary);box-shadow:var(--shadow-sm);}
.script-block.stage-direction{background:var(--bg-elevated);border-left-color:var(--border);font-style:italic;color:var(--text-tertiary);}
.script-block.hook{border-left-color:var(--color-error);background:var(--color-error-bg);}
.script-block.closing{border-left-color:#722ED1;background:#F9F0FF;}
.script-block .block-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;color:var(--text-tertiary);}
.script-block .line{display:block;margin:6px 0;color:var(--text-primary);font-size:15px;line-height:1.8;}
.script-block .line.em{font-weight:700;font-size:16px;color:var(--text-primary);}
.script-block .line.sub{color:var(--text-tertiary);font-size:13px;}
.script-block .pause{display:inline-block;margin:0 4px;color:var(--text-tertiary);font-size:12px;}
/* ===== 口播稿样式 ===== */
.oral-meta{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 24px;}
.oral-script{background:var(--bg-container);border-radius:var(--radius-lg);padding:24px 28px;box-shadow:var(--shadow-md);}
.oral-script .beat{display:flex;gap:12px;margin:12px 0;padding:10px 0;border-bottom:1px dashed var(--border-light);align-items:flex-start;}
.oral-script .beat:last-child{border-bottom:none;}
.oral-script .beat-num{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;}
.oral-script .beat-num.hook-beat{background:var(--color-error);}
.oral-script .beat-time{flex-shrink:0;font-size:11px;color:var(--text-tertiary);font-family:'SF Mono',Monaco,monospace;min-width:52px;padding-top:4px;}
.oral-script .beat-content{flex:1;}
.oral-script .beat-content .say{font-size:15px;color:var(--text-primary);line-height:1.7;}
.oral-script .beat-content .say.loud{font-weight:700;font-size:16px;}
.oral-script .beat-content .visual{font-size:12px;color:var(--text-tertiary);margin-top:4px;font-style:italic;}
.oral-script .beat-content .visual::before{content:'🎬 ';font-style:normal;}
/* 论点卡片 */
.chain-cards{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0;}
.chain-card{flex:1;min-width:130px;background:var(--bg-container);border-radius:var(--radius-md);padding:14px;border:1px solid var(--border-light);text-align:center;box-shadow:var(--shadow-sm);}
.chain-card .num{font-size:28px;font-weight:800;margin-bottom:4px;}
.chain-card:nth-child(1) .num{color:var(--color-error);}
.chain-card:nth-child(2) .num{color:#FA8C16;}
.chain-card:nth-child(3) .num{color:var(--color-warning);}
.chain-card:nth-child(4) .num{color:var(--color-success);}
.chain-card:nth-child(5) .num{color:var(--color-primary);}
.chain-card:nth-child(6) .num{color:#722ED1;}
.chain-card .label{font-size:12px;font-weight:700;color:var(--text-primary);}
.chain-card .sub{font-size:11px;color:var(--text-tertiary);margin-top:2px;}
blockquote{background:var(--color-primary-bg);border-left:4px solid var(--color-primary);margin:16px 0;padding:12px 20px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;}
blockquote p{text-indent:0;color:var(--text-primary);font-size:14px;}
.golden-line{background:linear-gradient(135deg,#FFF7E6,#FFF1B8);border:2px solid #FFD666;border-radius:var(--radius-md);padding:18px 24px;margin:20px 0;text-align:center;}
.golden-line p{font-size:18px;font-weight:800;color:#AD6800;text-indent:0;text-align:center;line-height:1.6;}
.footer{text-align:center;padding:28px 0;color:var(--text-tertiary);font-size:13px;border-top:1px solid var(--border-light);margin-top:40px;}
@media(max-width:768px){
.main{padding:80px 16px 40px;}
.chain-card{min-width:100px;}
.oral-script{padding:16px;}
}
</style>
</head>
<body>
<div class="header">
<a href="../../index.html" class="back-link">← 返回索引</a>
<h1>AI转型 · 观点独白 + 口播稿</h1>
</div>
<div class="main">
<!-- ==================== 论点总览 ==================== -->
<section>
<h2>📐 六环递进</h2>
<p>一环推出一环，最终指向商业闭环。</p>
<div class="chain-cards">
<div class="chain-card">
<div class="num">①</div>
<div class="label">窗口期紧迫</div>
<div class="sub">客户预期已变<br>采购季是deadline</div>
</div>
<div class="chain-card">
<div class="num">②</div>
<div class="label">岗位边界消失</div>
<div class="sub">前端=后端=移动端<br>全栈已是默认配置</div>
</div>
<div class="chain-card">
<div class="num">③</div>
<div class="label">管理层崩塌</div>
<div class="sub">邓巴数被AI打破<br>中层不再是常设岗</div>
</div>
<div class="chain-card">
<div class="num">④</div>
<div class="label">老板用AI"看见"</div>
<div class="sub">亲自用AI读产出<br>不再被中层过滤</div>
</div>
<div class="chain-card">
<div class="num">⑤</div>
<div class="label">精准激励</div>
<div class="sub">奖金跟产出走<br>不是跟办公室政治走</div>
</div>
<div class="chain-card">
<div class="num">⑥</div>
<div class="label">商业闭环</div>
<div class="sub">成本→报价<br>交付→投标→续约</div>
</div>
</div>
</section>
<!-- ==================== 观点独白 ==================== -->
<section>
<h2>🎤 观点独白</h2>
<div class="speech-meta">
<span class="meta-tag duration">⏱ 约 12–15 分钟</span>
</div>
<p><strong>标题：</strong>我看到软件行业正在发生的六个变化</p>
<p>不是演讲，不是说教，就是把我最近观察到的事情说清楚。先讲一个正在发生的例子，再说为什么这意味着什么。</p>
<!-- 引子：亲身案例 -->
<h3>▍ 先讲一个正在发生的项目</h3>
<div class="script-block hook">
<span class="line em">我最近跟的一个政务项目，整个过程中，AI深度参与。</span>
</div>
<div class="script-block">
<span class="line">出方案阶段，AI辅助调研、分析、出框架。原型演示阶段，AI辅助出界面、出交互、出文档。</span>
<span class="line">结果呢？<strong>客户满意度非常高，远远超出预期。</strong></span>
<span class="line">我实话实说，这个项目最后能不能拿下来，我不知道。但我知道一件事——客户的预期已经被拉到这个高度了。</span>
<span class="line em">将来不管谁来做这个项目，如果不能用好AI，根本接不住。</span>
<span class="line">以前做项目按周做计划，现在按天交付。客户被喂过一次"三天出全套原型加接口文档"，他就回不去了。他的预期被永久性地拉高了。</span>
<span class="line">这就是窗口期。不是技术窗口，是客户预期窗口。下个采购季来的时候，还没跟上节奏的，连投标资格都没有。</span>
<span class="line">而且不光是政务。企业客户也是一样的。今年，不管是哪个行业，客户都会陆续感受到AI对项目交付的冲击——又快又好。然后他们的预期就会上去，下不来。</span>
</div>
<!-- 变化一 -->
<h3>▍ 变化一：岗位边界消失了</h3>
<div class="script-block hook">
<span class="line">前端、后端、移动端——现在是同一个岗位。</span>
</div>
<div class="script-block">
<span class="line">以前说"全栈"是一个高级标签，要加粗写在简历上的。现在呢？默认配置。</span>
<span class="line">一个开发者加Cursor加Claude，前端后端移动端测试运维全干了。一个人就是一支团队，不是比喻，每天都在发生。</span>
<span class="line">但打开招聘网站，还在分三个岗位招人。HR不知道这个变化，老板也不知道。还在看"3年Vue经验"、"5年Java经验"——按技术栈分组已经没意义了。</span>
</div>
<!-- 变化二 -->
<h3>▍ 变化二：管理层崩塌</h3>
<div class="script-block hook">
<span class="line">岗位合并之后，下一个就是管理层。小组长、研发经理、项目经理，不需要设为常设岗位了。</span>
</div>
<div class="script-block">
<span class="line">管理学有个铁律：一个人最多有效管理7个人。大公司必须分层——组长、经理、总监。组织架构的数学基础就是这个"管理幅度"。</span>
<span class="line">但AI打破了这个约束。AI能同时追踪所有人的工作进度、分配任务、评价质量。没有信息衰减，不用靠"跟谁吃饭多"来判断。</span>
<span class="line">那就简单了。按项目临时组队，谁在那个阶段最懂，谁就是当时的负责人。项目结束，角色消散。</span>
<span class="line">这叫<strong>流式组织</strong>——结构随项目流动，不是固定的层级。传统的"组织架构图"可以扔了。</span>
</div>
<!-- 变化三 -->
<h3>▍ 变化三：客户预期已经不可逆</h3>
<div class="script-block hook">
<span class="line">今年不管是企业客户还是政务客户，已经在体验AI项目的交付速度了。按天交付，不是按周。</span>
</div>
<div class="script-block">
<span class="line">客户一旦被"三天出全套原型+接口文档"喂过一次，就回不去了。他的预期永久拉高。</span>
<span class="line">下个采购季，标书里"项目周期"那一栏：一家写60天，一家写15天。评标专家怎么打分？不给你犹豫的时间。</span>
<span class="line">窗口期就一个采购季的长度。这是客户预期窗口，不是技术窗口。</span>
</div>
<!-- 变化四 -->
<h3>▍ 变化四：老板必须亲自用AI</h3>
<div class="script-block hook">
<span class="line">AI转型不是把工具下发给程序员就完了。老板得亲自用。用它来"看见"。</span>
</div>
<div class="script-block">
<span class="line">以前你怎么知道谁在干活？中层告诉你。中层怎么知道的？靠感觉。感觉靠什么？靠谁跟他吃饭多、谁PPT做得好。</span>
<span class="line">AI直接把数据摆在你面前。这个Sprint谁的代码产出最稳定，谁的bug最少，谁的review有深度，谁在关键时刻解决了别人搞不定的问题。</span>
<span class="line">中层以前是一个信息漏斗。AI把这个漏斗砸了。老板可以直接看到真相。</span>
<span class="line">这不是监控员工。这是让优秀的人被看见。以前被看见要靠向上管理，现在不用了。代码不会说谎。</span>
</div>
<!-- 变化五 -->
<h3>▍ 变化五：奖金可以发给正确的人了</h3>
<div class="script-block hook">
<span class="line">看见之后就是发钱。大多数公司变烂，不是没人才，是人才的付出和回报不对等。</span>
</div>
<div class="script-block">
<span class="line">以前奖金靠办公室政治分配——要平衡、要论资排辈、要照顾中层感受。你越过中层奖励一个开发者，中层怎么想？因为这个，很多老板知道该给谁钱，但不敢。</span>
<span class="line">中层没了、岗位没了、只有项目组。AI追踪的产出数据摆在那，谁做了什么一清二楚。奖金直接跟产出走。</span>
<span class="line">代码不会拍马屁，不会做PPT，不会请你吃饭。它就躺在那，AI读得出来谁是好开发者。</span>
</div>
<!-- 变化六 -->
<h3>▍ 变化六：必须落到商业结果上</h3>
<div class="script-block hook">
<span class="line">前面的东西最后落到三个地方：投标文件、报价单、客户满意度。</span>
</div>
<div class="script-block">
<span class="line">研发成本降了。一个人干五个人的活，以前配5个人，现在2个人加AI。成本降了，报价就有竞争力。同样功能同样质量，便宜30%，利润还更高。</span>
<span class="line">交付快了。按天交付不是口号，是真的能做到。标书里你写15天别人写60天——这不是价格战，是代际碾压。</span>
<span class="line">客户满意了。交付快、质量好、响应及时。客户不傻，续约率和口碑就是最终计分板。</span>
</div>
<!-- 收尾 -->
<h3>▍ 收尾</h3>
<div class="script-block closing">
<span class="line em">六个变化串起来就是一句话：AI让我们有机会把公司重新建一遍——更小、更快、更公平。</span>
<span class="line">岗位边界消失 → 管理层崩塌 → 客户预期不可逆 → 老板亲自用AI看见真相 → 奖金按产出分配 → 最终体现在报价、投标和续约上。</span>
<span class="line">窗口还没关上。但下个采购季，就是分水岭。</span>
</div>
<div class="golden-line">
<p>"以前按周做计划，现在按天交付。<br>以前一个人一个岗位，现在一个人就是一支团队。<br>以前中层过滤信息，现在AI让人被看见。<br>以前奖金靠政治，现在奖金靠数据。"</p>
</div>
</section>
<!-- ==================== 口播稿 ==================== -->
<section>
<h2>📱 口播稿（短视频脚本）</h2>
<div class="oral-meta">
<span class="meta-tag duration">⏱ 约 80 秒</span>
</div>
<p><strong>视频标题建议：</strong></p>
<blockquote>
<p>① 前端、后端、移动端，现在是同一个岗位<br>
② 软件公司的中层管理，正在消失<br>
③ 下个采购季，没转型的软件公司会出局</p>
</blockquote>
<div class="oral-script">
<div class="beat">
<div class="beat-num hook-beat">1</div>
<div class="beat-time">0:00–0:10</div>
<div class="beat-content">
<div class="say loud">我最近跟一个政务项目，AI深度参与——出方案用AI，原型演示用AI。结果客户满意度远远超出预期。这个项目能不能拿下来我不知道，但客户的预期已经被拉到这个高度了。以后谁来做，用不好AI都接不住。</div>
</div>
</div>
<div class="beat">
<div class="beat-num">2</div>
<div class="beat-time">0:10–0:20</div>
<div class="beat-content">
<div class="say">前端、后端、移动端——现在是同一个岗位。一个开发者加AI等于一个完整团队。全栈以前是高级标签，现在默认配置。一个人干五个人的活，每天都在发生。</div>
</div>
</div>
<div class="beat">
<div class="beat-num">3</div>
<div class="beat-time">0:20–0:34</div>
<div class="beat-content">
<div class="say">岗位没了，管理层接着没。一个人最多管7个人的铁律被AI打破。AI能同时追踪所有人——分配工作、追进度、评价质量。组长、经理、项目经理不再是常设岗。按项目组队，结束就散。这叫流式组织。</div>
</div>
</div>
<div class="beat">
<div class="beat-num">4</div>
<div class="beat-time">0:34–0:50</div>
<div class="beat-content">
<div class="say">老板得亲自用AI。不是下发工具，是用AI来"看见"——谁在产出、谁是关键节点、谁在摸鱼。以前中层过滤这些信息，AI把漏斗砸了。代码不会说谎。</div>
</div>
</div>
<div class="beat">
<div class="beat-num">5</div>
<div class="beat-time">0:50–0:64</div>
<div class="beat-content">
<div class="say">看见之后就发钱。以前奖金靠办公室政治、PPT、吃饭。现在AI追踪产出——代码量、bug率、review深度。把钱发给干活的人。公司变烂不是因为缺人才，是回报不对等。</div>
</div>
</div>
<div class="beat">
<div class="beat-num">6</div>
<div class="beat-time">0:64–0:78</div>
<div class="beat-content">
<div class="say loud">最后落三个地方：投标文件、报价单、客户满意度。成本降了报价有竞争力，交付快了标书有说服力。客户被AI喂过之后预期回不去了。下个采购季，就是分水岭。</div>
</div>
</div>
</div>
<div style="margin-top:24px;padding:16px 20px;background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);">
<h4 style="margin:0 0 8px;color:var(--text-primary);font-size:13px;">📋 拍摄备注</h4>
<ul style="margin:0 0 0 16px;font-size:13px;color:var(--text-secondary);">
<li><strong>风格：</strong>独白，自己对着镜头说话。不是质问观众，是在分享一个观察。语气笃定、直接、不绕弯。</li>
<li><strong>语速：</strong>偏快，每分钟约300字。全稿约350字，控制在75秒左右。</li>
<li><strong>情绪线：</strong>开头一句话扔出来（0–7s）→ 连续输出事实（7–48s）→ 收束到商业结果（48–75s）。</li>
<li><strong>可拆条：</strong>Beat 1-3可独立成一条（"岗位和管理一起消失"）；Beat 4-5可独立成一条（"老板用AI看见+发钱"）。</li>
</ul>
</div>
</section>
<!-- ==================== 附录 ==================== -->
<section>
<h2>📋 附：论点速查表</h2>
<div class="table-wrap">
<table>
<thead>
<tr>
<th>#</th>
<th>论点</th>
<th>演讲时长</th>
<th>口播节拍</th>
<th>一句话版本</th>
</tr>
</thead>
<tbody>
<tr>
<td>①</td>
<td><strong>窗口期紧迫</strong></td>
<td>2 min</td>
<td>Beat 6–7</td>
<td>客户预期一旦上去就回不来，下个采购季就是分水岭。</td>
</tr>
<tr>
<td>②</td>
<td><strong>岗位边界消失</strong></td>
<td>2 min</td>
<td>Beat 1–2</td>
<td>前端、后端、移动端——在AI时代是同一个岗位。</td>
</tr>
<tr>
<td>③</td>
<td><strong>管理层崩塌</strong></td>
<td>3 min</td>
<td>Beat 3</td>
<td>AI打破了"一个人最多管7个人"的铁律，中层不再需要常设。</td>
</tr>
<tr>
<td>④</td>
<td><strong>老板用AI"看见"</strong></td>
<td>3 min</td>
<td>Beat 4</td>
<td>老板必须亲自用AI，不是下发给员工，是用它来看到真相。</td>
</tr>
<tr>
<td>⑤</td>
<td><strong>精准激励</strong></td>
<td>3 min</td>
<td>Beat 5</td>
<td>代码不会说谎，奖金跟产出走，不跟办公室政治走。</td>
</tr>
<tr>
<td>⑥</td>
<td><strong>商业闭环</strong></td>
<td>3 min</td>
<td>Beat 6</td>
<td>成本降→报价有竞争力；交付快→投标有说服力；满意度高→续约。</td>
</tr>
</tbody>
</table>
</div>
</section>
<p class="footer">抖音话题 · 观点独白与口播稿 · 2026.06</p>
</div>
</body>
</html>