初始化提交:contentm_agent 工作区全量快照

内容分四块:
1、产品规划产出 —— MCN 短视频整合营销工作台的①段五份(1a 需求/1b 竞品/1c 画像/1d 策略/1e 场景)、②段两份(2a 功能/2b 布局)、③段界面(DESIGN.md 契约与令牌表 + mcn-workbench.html 原型 + 实测/会诊/审查三份 + 23 张闸门截图)。
2、开源竞品调研 —— 5 个内容工作台项目的取证原始件与 1b 系列分析文档。
3、参考资料 —— 竞品视频抽帧 1145 张 + 2 个源视频 + 功能点截图。
4、机制侧 —— 协作脚本与状态台账、工作区记忆日志、抽帧/OCR 脚本。

.gitignore 只排运行时日志、脚本备份副本与一次性探针输出,其余按原样入库。
This commit is contained in:
WorkBuddy committed 2026-10-08 08:13:02 +08:00
commit df56c2c137
1773 files changed
+205840

No files matched your search

@@ -0,0 +1,535 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="文到AI是免费的本地AI内容创作工作台,覆盖公众号AI写作、智能排版、文章配图、图文卡片与发布准备,支持macOS和Windows。">
<meta name="keywords" content="文到AI,免费AI写作工具,公众号AI写作,微信公众号排版工具,本地AI写作软件,AI文章配图,图文卡片,内容创作工作台">
<meta name="author" content="文到AI">
<meta name="robots" content="index, follow">
<meta property="og:title" content="文到AI|免费的本地AI内容创作工作台">
<meta property="og:description" content="不收会员费,不收订阅费。从选题、写作、排版、配图到发布准备,一个桌面应用完成。">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.asfop.top/">
<meta property="og:site_name" content="文到AI">
<meta property="og:locale" content="zh_CN">
<meta property="og:image" content="https://www.asfop.top/assets/app-home.png">
<meta property="og:image:alt" content="文到AI桌面端创作工作台真实界面">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#171615">
<title>文到AI|免费公众号AI写作、智能排版与文章配图工具</title>
<link rel="icon" href="./favicon.ico">
<link rel="canonical" href="https://www.asfop.top/">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "文到AI",
"alternateName": "Content Workbench",
"url": "https://www.asfop.top/",
"image": "https://www.asfop.top/assets/app-home.png",
"description": "免费的本地AI内容创作工作台,覆盖公众号AI写作、智能排版、文章配图、图文卡片与发布准备。",
"applicationCategory": "ProductivityApplication",
"operatingSystem": "macOS, Windows",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "CNY"
},
"featureList": ["公众号AI写作", "智能排版", "图片生成", "图文卡片", "参考改写", "看图写作", "本地数据存储"],
"sameAs": [
"https://github.com/wendaoai/wendao-content-workbench",
"https://gitee.com/wendaoai/wendao-content-workbench"
]
}
</script>
<link rel="preconnect" href="https://fonts.googleapis.cn">
<link rel="preconnect" href="https://fonts.gstatic.cn" crossorigin>
<link href="https://fonts.googleapis.cn/css2?family=Noto+Serif+SC:wght@400;600;700;900&display=swap" rel="stylesheet">
<link href="./assets/styles.css?v=20260917-2" rel="stylesheet">
</head>
<body>
<!-- ========== HEADER ========== -->
<header class="site-header" id="siteHeader">
<div class="header-inner">
<a class="brand" href="#top" aria-label="文到AI首页">
<img class="brand-img" src="./assets/logo-text-balck.png" alt="文到AI" />
</a>
<nav class="nav-center" aria-label="主导航">
<a class="nav-link" href="#product">产品</a>
<a class="nav-link" href="#workflow">全流程</a>
<a class="nav-link" href="#features">能力</a>
<a class="nav-link" href="#local">本地优先</a>
<a class="nav-link" href="#proof">案例</a>
<a class="nav-link nav-highlight" href="https://ccnczqdy0ar6.feishu.cn/wiki/RlSzwvhAPiJuHLkk0becgTXanAg" target="_blank">
<svg class="nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
加入群聊
</a>
<a class="nav-link nav-highlight" href="https://ccnczqdy0ar6.feishu.cn/wiki/KcBAwnmFJiugFtkgIqlcccr3nPg" target="_blank">
<svg class="nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
使用帮助
</a>
</nav>
<div class="nav-right">
<a class="nav-extension" href="#browser-extension">安装插件</a>
<a class="nav-cta" href="#download">选择版本 <span>&darr;</span></a>
<button class="menu-btn" type="button" aria-label="打开菜单" aria-expanded="false"><span></span><span></span></button>
</div>
</div>
</header>
<!-- ========== MOBILE MENU ========== -->
<div class="mobile-menu" id="mobileMenu">
<a href="#product">产品</a>
<a href="#workflow">全流程</a>
<a href="#features">能力</a>
<a href="#local">本地优先</a>
<a href="#proof">案例</a>
<a href="#browser-extension">安装浏览器插件</a>
<div class="menu-divider"></div>
<a href="https://ccnczqdy0ar6.feishu.cn/wiki/RlSzwvhAPiJuHLkk0becgTXanAg" target="_blank" class="menu-highlight">
<svg style="width:16px;height:16px;vertical-align:-3px;margin-right:6px;opacity:.7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
加入群聊
</a>
<a href="https://ccnczqdy0ar6.feishu.cn/wiki/KcBAwnmFJiugFtkgIqlcccr3nPg" target="_blank" class="menu-highlight">
<svg style="width:16px;height:16px;vertical-align:-3px;margin-right:6px;opacity:.7" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
使用帮助
</a>
</div>
<main id="top">
<!-- ========== HERO ========== -->
<section class="hero">
<div class="hero-deco" aria-hidden="true">
<div class="orb orb-1"></div>
<div class="orb orb-2"></div>
<div class="orb orb-3"></div>
<div class="grid-lines"></div>
</div>
<div class="hero-content shell reveal">
<div class="hero-badge">
<span class="badge-dot"></span>
<span class="badge-label">永久免费使用</span>
<span class="badge-sep"></span>
本地 AI 内容创作工作台
</div>
<h1>
<span class="line">把灵感变成内容,</span>
<span class="line">让创作<span class="accent">一步到位</span>。</span>
</h1>
<p class="hero-desc">不收会员费,不收订阅费,不按功能分级。<br>从选题、写作、智能排版到文章配图与发布准备,一个工作台完成。</p>
<div class="hero-download" id="download">
<label for="downloadPackage">选择适合你电脑的版本</label>
<div class="download-controls">
<div class="download-select-wrap">
<select id="downloadPackage" aria-describedby="downloadVersion">
<option value="macos/arm64">macOS &middot; Apple 芯片</option>
<option value="macos/amd64">macOS &middot; Intel 芯片</option>
<option value="windows/amd64">Windows &middot; x64</option>
<option value="windows/arm64">Windows &middot; ARM64</option>
</select>
<span class="download-chevron" aria-hidden="true">&#8964;</span>
</div>
<a class="download-submit" id="downloadSelected" href="#download">下载所选版本 <span>&darr;</span></a>
<a class="btn btn-ghost" href="#product">看看真实界面 <span class="arrow">&darr;</span></a>
</div>
<small class="download-note" id="downloadVersion">正在识别当前系统并获取最新版本</small>
</div>
<div class="hero-meta">
<span><i class="check">&check;</i> macOS / Windows</span>
<span><i class="check">&check;</i> 软件免费使用</span>
<span><i class="check">&check;</i> 本地数据存储</span>
<span><i class="check">&check;</i> 模型自由配置</span>
</div>
</div>
<div class="hero-product shell reveal reveal-d2">
<div style="position:relative">
<div class="product-mockup">
<div class="mockup-bar">
<span class="dot dot-r"></span>
<span class="dot dot-y"></span>
<span class="dot dot-g"></span>
<span class="title">文到AI &middot; 创作工作台</span>
</div>
<img class="mockup-img" src="./assets/app-home.png?v=20260917" alt="文到AI真实创作工作台界面" />
</div>
<div class="product-label"><b>真实软件界面</b><span>创作首页 &middot; 桌面版</span></div>
</div>
</div>
</section>
<!-- ========== TRUST STRIP ========== -->
<section class="trust-strip" aria-label="产品能力概览">
<div class="trust-track">
<span class="trust-item"><svg class="trust-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>写文章</span>
<span class="trust-dot"></span>
<span class="trust-item"><svg class="trust-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>参考改写</span>
<span class="trust-dot"></span>
<span class="trust-item"><svg class="trust-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>看图写作</span>
<span class="trust-dot"></span>
<span class="trust-item"><svg class="trust-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>图片生成</span>
<span class="trust-dot"></span>
<span class="trust-item"><svg class="trust-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg>能力编排</span>
<span class="trust-dot"></span>
<span class="trust-item"><svg class="trust-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 11l3 3L22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>任务管理</span>
<span class="trust-dot"></span>
<!-- duplicate for seamless loop -->
<span class="trust-item"><svg class="trust-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>写文章</span>
<span class="trust-dot"></span>
<span class="trust-item"><svg class="trust-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>参考改写</span>
<span class="trust-dot"></span>
<span class="trust-item"><svg class="trust-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>看图写作</span>
<span class="trust-dot"></span>
<span class="trust-item"><svg class="trust-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>图片生成</span>
<span class="trust-dot"></span>
<span class="trust-item"><svg class="trust-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg>能力编排</span>
<span class="trust-dot"></span>
<span class="trust-item"><svg class="trust-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9 11l3 3L22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>任务管理</span>
<span class="trust-dot"></span>
</div>
</section>
<!-- ========== END-TO-END WORKFLOW ========== -->
<section id="workflow" class="workflow-section">
<div class="shell">
<div class="workflow-heading reveal">
<div>
<p class="section-eyebrow"><span class="num">01</span><span class="sep"></span> 完整工作流</p>
<h2 class="section-heading">从找到题目,<br>到看见<span class="accent">下一次增长</span>。</h2>
</div>
<p class="section-desc">不是把零散的 AI 按钮拼在一起。文到AI把选题、创作、修改、图片、分发素材和数据复盘放进同一条能回看的内容链路。</p>
</div>
<ol class="workflow-rail" aria-label="文到AI完整内容生产流程">
<li><a href="#flow-discover"><span>01</span>发现选题</a></li>
<li><a href="#flow-create"><span>02</span>开始创作</a></li>
<li><a href="#flow-edit"><span>03</span>完成正文</a></li>
<li><a href="#flow-image"><span>04</span>生成图片</a></li>
<li><a href="#flow-cards"><span>05</span>制作卡片</a></li>
<li><a href="#flow-review"><span>06</span>数据复盘</a></li>
</ol>
<div class="workflow-scenes">
<article id="flow-discover" class="workflow-scene workflow-scene-wide reveal">
<div class="workflow-copy">
<span class="workflow-number">01 / DISCOVER</span>
<h3>先找到值得写的题目</h3>
<p>把自己的选题、平台热点、热点雷达和营销日历放在同一个判断面板里。选中的题目可以直接进入创作,不需要重新复制上下文。</p>
<ul class="workflow-points"><li>选题集中管理</li><li>热点与账号定位一起判断</li><li>一键带入创作</li></ul>
</div>
<button class="screen-frame js-screen-open" type="button" data-screen="./assets/flow-00-discover.png" data-caption="选题中心:我的选题、平台热点、热点雷达与营销日历">
<img src="./assets/flow-00-discover.png" alt="文到AI选题中心真实界面" loading="lazy">
<span class="screen-action">查看大图 <b>&nearr;</b></span>
</button>
</article>
<article id="flow-create" class="workflow-scene reveal">
<div class="workflow-copy">
<span class="workflow-number">02 / CREATE</span>
<h3>一句要求,进入真正的创作流程</h3>
<p>写文章、参考改写和看图写作共用一个清晰入口。结构、字数、系列和模型紧贴输入区,先把想法说清楚,再启动任务。</p>
</div>
<button class="screen-frame js-screen-open" type="button" data-screen="./assets/flow-01-create.png" data-caption="创作首页:写文章、参考改写与看图写作">
<img src="./assets/flow-01-create.png" alt="文到AI创作首页真实界面" loading="lazy">
<span class="screen-action">查看大图 <b>&nearr;</b></span>
</button>
</article>
<article id="flow-edit" class="workflow-scene reveal reveal-d1">
<div class="workflow-copy">
<span class="workflow-number">03 / REFINE</span>
<h3>正文、版本和发布成品始终在一起</h3>
<p>在左侧继续和内容助手协作,在右侧阅读和编辑正文。版本可以对比、采用和继续修改,标题、封面、模板与发布预览都围绕同一篇内容推进。</p>
</div>
<button class="screen-frame js-screen-open" type="button" data-screen="./assets/flow-04-edit.png" data-caption="内容工作区:AI 助手、版本记录、正文和发布工具">
<img src="./assets/flow-04-edit.png" alt="文到AI正文编辑和内容助手真实界面" loading="lazy">
<span class="screen-action">查看大图 <b>&nearr;</b></span>
</button>
</article>
<article id="flow-image" class="workflow-scene workflow-scene-dark reveal">
<div class="workflow-copy">
<span class="workflow-number">04 / VISUAL</span>
<h3>图片生成保留完整上下文</h3>
<p>对话、参考图、素材、提示词和结果留在同一条记录里。满意的结果可以下载、编辑或继续作为下一轮参考。</p>
</div>
<button class="screen-frame js-screen-open" type="button" data-screen="./assets/flow-05-image.png" data-caption="图片工作台:会话、参考素材、生成结果与继续编辑">
<img src="./assets/flow-05-image.png" alt="文到AI图片生成工作台真实界面" loading="lazy">
<span class="screen-action">查看大图 <b>&nearr;</b></span>
</button>
</article>
<article id="flow-cards" class="workflow-scene reveal reveal-d1">
<div class="workflow-copy">
<span class="workflow-number">05 / DISTRIBUTE</span>
<h3>一篇长文,继续变成多平台素材</h3>
<p>卡片工坊把 Markdown 长文、知识点和摘要转换成小红书图文、知识卡片、手写卡片或封面,让同一份内容资产继续分发。</p>
</div>
<button class="screen-frame js-screen-open" type="button" data-screen="./assets/flow-06-cards.png" data-caption="卡片工坊:多种卡片项目和导出状态统一管理">
<img src="./assets/flow-06-cards.png" alt="文到AI卡片工坊真实界面" loading="lazy">
<span class="screen-action">查看大图 <b>&nearr;</b></span>
</button>
</article>
<article id="flow-review" class="workflow-scene workflow-scene-wide reveal">
<div class="workflow-copy">
<span class="workflow-number">06 / REVIEW</span>
<h3>发布不是结束,数据会回到工作台</h3>
<p>登记已发布内容,采集公众号数据,再按月份复盘并记录行动。下一次选题不再只靠感觉,而是从真实内容表现继续出发。</p>
<ul class="workflow-points"><li>匹配已发布内容</li><li>采集公众号数据</li><li>形成复盘行动</li></ul>
</div>
<button class="screen-frame js-screen-open" type="button" data-screen="./assets/flow-08-review.png" data-caption="数据工作区:公众号采集、月度复盘与复盘行动">
<img src="./assets/flow-08-review.png" alt="文到AI公众号数据采集与复盘真实界面" loading="lazy">
<span class="screen-action">查看大图 <b>&nearr;</b></span>
</button>
</article>
</div>
<div class="workflow-support reveal">
<div><span>内容资产</span><strong>文章和历史版本集中管理</strong><img src="./assets/flow-03-library.png" alt="内容资产列表真实界面" loading="lazy"></div>
<div><span>能力编排</span><strong>把稳定步骤沉淀为可复用方案</strong><img src="./assets/flow-07-capabilities.png" alt="能力库真实界面" loading="lazy"></div>
<div><span>系列规划</span><strong>为长期栏目保留统一上下文</strong><img src="./assets/flow-02-series.png" alt="系列规划真实空状态界面" loading="lazy"></div>
</div>
</div>
</section>
<!-- ========== PRODUCT STORY ========== -->
<section id="product" class="section product-story">
<div class="shell">
<div class="reveal">
<p class="section-eyebrow"><span class="num">01</span><span class="sep"></span> 写作入口</p>
<h2 class="section-heading">打开软件,<br>第一件事就是<span class="accent">开始创作。</span></h2>
<p class="section-desc">没有复杂的项目配置,也不用先理解一堆术语。选择创作方式,写下要求,然后交给工作台继续推进。</p>
</div>
<div class="story-grid">
<div class="story-list">
<article class="story-item reveal"><span class="num">01</span><div><h3>多种内容起点</h3><p>直接写文章、参考已有内容改写,或从图片开始创作。</p></div></article>
<article class="story-item reveal"><span class="num">02</span><div><h3>关键选项集中在输入区</h3><p>系列、文章结构与模型和本次创作要求放在一起,不让配置打断思路。</p></div></article>
<article class="story-item reveal"><span class="num">03</span><div><h3>任务可以持续推进</h3><p>历史任务保留创作上下文,方便随时回到上一次工作。</p></div></article>
</div>
<figure class="story-visual reveal reveal-d1">
<img src="./assets/app-home.png?v=20260917" alt="文到AI写文章真实页面" />
<figcaption><strong>创作工作台</strong><span>输入主题、观点、目标读者或其他创作需求</span></figcaption>
</figure>
</div>
</div>
</section>
<!-- ========== FEATURE SHOWCASE ========== -->
<section id="features" class="feature-showcase">
<div class="shell">
<div class="reveal">
<p class="section-eyebrow"><span class="num">02</span><span class="sep"></span> 图片工作台</p>
<h2 class="section-heading">文章和图片,<br>不必再分开工作。</h2>
<p class="section-desc">图片生成不是一个孤立按钮,而是一套保留对话、参考素材、提示词与结果的完整工作区。</p>
</div>
<div class="feature-layout">
<figure class="feature-screen reveal">
<img src="./assets/app-image-generation.png" alt="文到AI图片生成真实页面" />
</figure>
<div class="feature-list">
<article class="feature-item reveal"><span class="num">01</span><h3>生成过程有上下文</h3><p>每次对话、提示词和生成结果都留在同一条任务记录里。</p></article>
<article class="feature-item reveal reveal-d1"><span class="num">02</span><h3>参考素材随时可用</h3><p>使用参考图、素材库和提示词库,把好结果延续到下一张图。</p></article>
<article class="feature-item reveal reveal-d2"><span class="num">03</span><h3>结果不是终点</h3><p>复制图片、保存提示词、下载或继续作为参考图,创作链路不会中断。</p></article>
</div>
</div>
</div>
</section>
<!-- ========== CAPABILITY ========== -->
<section class="section capability">
<div class="shell">
<div class="cap-grid">
<div class="reveal">
<p class="section-eyebrow"><span class="num">03</span><span class="sep"></span> 能力库</p>
<h2 class="section-heading">把一次好用,<br>变成每次都能<span class="accent">复用</span>。</h2>
<p class="section-desc">在能力库里组合官方能力、个人能力和提示词,形成自己的内容生产方案。不是每次从零提示,而是逐步沉淀稳定流程。</p>
<div class="cap-list">
<div class="cap-list-item"><span class="cap-label">官方能力</span><span class="cap-desc">开箱可用的内容创作能力</span></div>
<div class="cap-list-item"><span class="cap-label">我的能力</span><span class="cap-desc">按实际工作方式持续扩展</span></div>
<div class="cap-list-item"><span class="cap-label">创作方案</span><span class="cap-desc">把多个步骤编排成完整交付</span></div>
</div>
</div>
<figure class="cap-visual reveal reveal-d1">
<img src="./assets/app-capabilities.png" alt="文到AI能力库真实页面" />
<figcaption><strong>能力库</strong><span>方案、官方能力、我的能力与提示词统一管理</span></figcaption>
</figure>
</div>
</div>
</section>
<!-- ========== LOCAL FIRST ========== -->
<section id="local" class="local-section">
<div class="shell">
<div class="local-grid">
<div class="local-emblem reveal" aria-hidden="true">
<div class="emblem-ring"><img src="./assets/logo-banner.png" alt="" /></div>
<span class="emblem-text">LOCAL<br>FIRST</span>
</div>
<div class="reveal reveal-d1">
<p class="section-eyebrow"><span class="num">04</span><span class="sep"></span> 本地优先</p>
<h2 class="section-heading">内容在你的电脑里,<br>掌控权也在你手里。</h2>
<p class="section-desc">文到AI以桌面应用运行,使用本地 SQLite 保存内容与工作记录。AI 服务由你配置,数据可以按自己的方式备份和迁移。</p>
<div class="local-tags">
<span class="local-tag">本地数据库</span>
<span class="local-tag">自主配置模型</span>
<span class="local-tag">桌面应用</span>
<span class="local-tag">内容持续沉淀</span>
</div>
</div>
</div>
</div>
</section>
<!-- ========== PROOF ========== -->
<section id="proof" class="section proof-section">
<div class="shell">
<div class="proof-head">
<div class="reveal">
<p class="section-eyebrow"><span class="num">05</span><span class="sep"></span> 内测反馈</p>
<h2 class="section-heading">不只写出一段话,<br>而是交付一整套<span class="accent">内容资产</span>。</h2>
<p class="section-desc">文到AI面向真实创作流程设计:选题、成稿、标题、封面、排版和发布说明都能沉淀在同一个本地项目里。</p>
</div>
<p class="proof-note reveal reveal-d1">官网只展示可以核验的产品能力和真实软件界面,不虚构流量、收益或发布效果。</p>
</div>
<div class="proof-stats reveal reveal-d1" aria-label="产品使用数据">
<div class="proof-stat"><b>4 个安装包</b><span>覆盖 macOS 与 Windows 主流架构</span></div>
<div class="proof-stat"><b>3 类创作入口</b><span>写文章、参考改写、看图写作</span></div>
<div class="proof-stat"><b>1 个本地项目库</b><span>集中保存任务、素材和生成结果</span></div>
<div class="proof-stat"><b>0 个默认云端库</b><span>内容优先留在你的电脑里</span></div>
</div>
</div>
</section>
<!-- ========== BROWSER EXTENSION ========== -->
<section id="browser-extension" class="extension-section">
<div class="shell">
<div class="extension-intro reveal">
<p class="section-eyebrow"><span class="num">PUBLISH ASSISTANT</span><span class="sep"></span> 浏览器插件</p>
<h2 class="section-heading">从工作台到公众号,<br>少一次来回复制。</h2>
<p class="section-desc">文到AI发布助手可将当前文章的标题、正文和封面交给浏览器,辅助填入微信公众号编辑器。支持 Chrome、Edge、Safari 和 Firefox。</p>
<div class="extension-downloads">
<a class="btn btn-primary extension-download is-disabled" data-extension-browser="chrome" href="#browser-extension" aria-disabled="true">正在获取 Chrome 版</a>
<a class="btn btn-ghost extension-download is-disabled" data-extension-browser="edge" href="#browser-extension" aria-disabled="true">正在获取 Edge 版</a>
<a class="btn btn-ghost extension-download is-disabled" data-extension-browser="safari" href="#browser-extension" aria-disabled="true">正在获取 Safari 版</a>
<a class="btn btn-ghost extension-download is-disabled" data-extension-browser="firefox" href="#browser-extension" aria-disabled="true">正在获取 Firefox 版</a>
</div>
<p class="extension-version" data-extension-version>正在从系统更新源获取插件版本</p>
</div>
<div class="extension-guide reveal reveal-d1">
<div class="extension-guide-head"><span>安装教程</span><b>约 2 分钟</b></div>
<ol class="extension-steps">
<li><span>01</span><div><b>下载并解压</b><p>下载插件 ZIP,解压到一个不会随意删除或移动的文件夹。</p></div></li>
<li><span>02</span><div><b>打开扩展管理页</b><p>Chrome 输入 <code>chrome://extensions</code>;Edge 输入 <code>edge://extensions</code>。</p></div></li>
<li><span>03</span><div><b>开启开发者模式</b><p>打开页面右上角的“开发者模式”,再选择“加载已解压的扩展程序”。</p></div></li>
<li><span>04</span><div><b>选择解压后的文件夹</b><p>看到“文到AI发布助手”即安装完成。建议将插件固定到浏览器工具栏。</p></div></li>
</ol>
<div class="extension-safe-note">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="m9 12 2 2 4-4"/></svg>
<p><b>由你确认后再发布</b><span>插件不会自动登录、保存草稿或点击发布;最终内容请在公众号后台检查并手动确认。</span></p>
</div>
</div>
</div>
</section>
<!-- ========== FAQ ========== -->
<section id="faq" class="section faq-section">
<div class="shell">
<div class="faq-layout">
<div class="reveal">
<p class="section-eyebrow"><span class="num">FAQ</span><span class="sep"></span> 下载前确认</p>
<h2 class="section-heading">常见问题,<br>先说清楚。</h2>
<p class="section-desc">桌面应用、本地数据和 AI 模型调用的边界,下载前可以先看这里。</p>
</div>
<div class="faq-list">
<details class="faq-item reveal" open>
<summary>支持哪些 AI 模型?</summary>
<p>文到AI支持由用户自主配置模型服务。具体可用模型取决于当前版本的接入能力,以及你配置的模型服务商和 API 权限。</p>
</details>
<details class="faq-item reveal">
<summary>我的数据安全吗?</summary>
<p>工作台采用本地优先设计,项目、草稿、素材和生成记录优先保存在你的电脑本地。只有当你主动调用 AI 模型或外部服务时,相关内容才会发送给对应服务商处理。</p>
</details>
<details class="faq-item reveal">
<summary>它是免费的吗?</summary>
<p>当前版本可免费下载使用。调用第三方 AI 模型可能需要你自行准备 API Key,并按对应服务商规则承担模型调用费用。</p>
</details>
<details class="faq-item reveal">
<summary>和 ChatGPT 有什么区别?</summary>
<p>ChatGPT 更像通用对话工具;文到AI更偏内容生产工作台,围绕文章、标题、封面、排版、发布素材包和本地项目管理组织流程。</p>
</details>
<details class="faq-item reveal">
<summary>必须联网吗?</summary>
<p>软件本体和本地项目管理可以在桌面端运行。调用在线 AI 模型、访问外部服务、下载更新或加入社群时需要联网。</p>
</details>
<details class="faq-item reveal">
<summary>生成内容可以商用吗?</summary>
<p>你需要确保输入素材、引用内容、模型服务和发布平台规则允许对应用途。软件不主张占有你的创作成果,但 AI 生成内容仍需要人工审核。</p>
</details>
</div>
</div>
</div>
</section>
</main>
<!-- ========== FOOTER ========== -->
<footer class="site-footer">
<div class="shell">
<div class="footer-inner">
<div class="footer-brand">
<img src="./assets/logo-banner.png" alt="文到AI" />
<p>让创作一步到位</p>
</div>
<nav class="footer-nav" aria-label="页脚导航">
<div class="footer-col">
<h4>产品</h4>
<a href="#product">写作入口</a>
<a href="#features">图片工作台</a>
<a href="#browser-extension">浏览器插件</a>
<a href="#download">下载应用</a>
</div>
<div class="footer-col">
<h4>能力</h4>
<a href="#features">能力库</a>
<a href="#local">本地优先</a>
<a href="#proof">案例反馈</a>
</div>
<div class="footer-col">
<h4>支持</h4>
<a href="https://ccnczqdy0ar6.feishu.cn/wiki/KcBAwnmFJiugFtkgIqlcccr3nPg" target="_blank">常见问题</a>
<a href="https://ccnczqdy0ar6.feishu.cn/wiki/RlSzwvhAPiJuHLkk0becgTXanAg" target="_blank" id="community">加入群聊</a>
<a href="https://github.com/wendaoai/wendao-content-workbench" target="_blank" rel="noopener">GitHub</a>
<a href="https://gitee.com/wendaoai/wendao-content-workbench" target="_blank" rel="noopener">Gitee</a>
</div>
<div class="footer-col">
<h4>合规</h4>
<a href="./disclaimer.html">免责声明</a>
<a href="./privacy.html">隐私政策</a>
<a href="./terms.html">服务条款</a>
</div>
</nav>
<div class="footer-copy">&copy; 2026 文到AI</div>
</div>
</div>
</footer>
<button class="back-top" type="button" aria-label="返回顶部" title="返回顶部">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M18 15l-6-6-6 6"/>
</svg>
</button>
<dialog class="screen-dialog" id="screenDialog" aria-label="产品截图预览">
<button class="screen-dialog-close" type="button" aria-label="关闭截图">&times;</button>
<figure>
<img src="./assets/app-home.png?v=20260917" alt="文到AI桌面端创作工作台">
<figcaption></figcaption>
</figure>
</dialog>
<!-- ========== INLINE JS ========== -->
<script src="./assets/script.js?v=20260917-2"></script>
</body>
</html>