Files
WorkBuddy df56c2c137 初始化提交: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 只排运行时日志、脚本备份副本与一次性探针输出,其余按原样入库。
2026-10-08 08:13:02 +08:00

536 lines
33 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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>