noah-aiplus-article

SKILL_66719605 · vv1.1 · ARK 财管 · Owner：— · 发布于 2026-07-01

调用 4 下载 3 点赞 0 浏览 0

简介: 将单篇文稿转为移动端HTML，支持AI排版与12套配色，适配CRM及微信分享，可选传OSS。
触发词: 文稿转网页,诺亚AI文章,生成HTML
分发渠道: CRM Claude、ARK Engine
功能测试: — · 业务评审：—
技能包文件: .env.example、.gitignore、README.md、SKILL.md、assets/template.base.html、assets/themes.md、references/component-library.md、references/design-spec.md …共13个文件

使用示例：帮我把这篇文稿做成诺亚风格的移动端HTML网页。

SKILL.md 全文

Frontmatter

name	noah-aiplus-article
description	\|
metadata
version	"1.1.0"
keywords
trigger_phrases
not_for
parent_skill	noah-macro-weekly
maintainer	"Noah Holdings AI+ Wealth"
last_updated	"2026-06-26"

诺亚控股 AI+ 财富文章生成器

一句话：丢一篇文稿（Word / PDF / TXT / 直接粘贴）→ 产出一篇符合诺亚代码规范、可进 CRM 的单文件移动端 HTML。 配色 12 套可选、结构由你按内容编排,但代码规范锁定、署名锁定。

与 noah-macro-weekly 的分工：那个"锁死骨架、只换文字、逐周复现"；本 skill 放开结构与配色,适合任意单篇长文/观点稿/专题，代码规范层两者同源。

支持的能力（WHAT · 立目标）

| 功能点 | 典型 Query | 成果 | |---|---|---| | 文稿转网页 | 「把这个 word/pdf 做成诺亚文章网页」 | 单文件移动端 HTML | | 自由编排 | 「做一篇诺亚 AI+ 文章」 | AI 按内容选组件/分节 | | 配色切换 | 「换浅色酒红 / 皇家蓝 / 祖母绿」 | 12 套任选,正文不变 | | 一稿多色 | 「同一篇再出一版深色白金」 | 仅改 <html> 两属性 | | 上传分享（可选） | 「上传 / 发出去 / 生成链接」 | 上传 OSS，返回公开 URL |

成果形态（可度量）：单 .html（CSS 内联,仅依赖 Google Fonts；Playfair Display + Noto Sans SC + DM Sans）；viewport + 流式 rem,max-width 750px；署名「诺亚控股AI+财富管理部」+ 数据说明 + 免责声明齐全；正文 0 颜色字面量。

信息齐全就直接做,不必逐项追问；配色默认深色·金,缺主标题/期次日期时再问一句。

执行步骤（HOW · 理规则）

先加载参考（勿跳过前两项）： 1. references/design-spec.md — 不可变的代码规范（CRM 合规层）。 2. references/component-library.md — 组件库 + 「内容类型→组件」选型 + HTML 片段 + 配色开关。 3. assets/template.base.html — 🔒 令牌化基底（<head>/<style> 唯一事实来源,逐字节保留）。 4. assets/themes.md — 12 套配色清单 + 令牌说明 + 如何新增配色。 5. references/example-cio-*.html — 成品参照（深金 / 浅酒红各一份）。

步骤： 1. 抽取：python scripts/extract_text.py <input.(docx|pdf|txt|md)> _src.txt —— 必须 UTF-8 落盘再读（Windows GBK 乱码坑）；PDF 用 PyMuPDF,无则回退 pypdf。直接粘贴正文则跳过。 2. 规划结构：读懂全文,归纳主标题 / 核心判断 / 各章节 / 每段"内容类型" / 结语 / 数据来源；按 component-library §1 速查 + §2 编排建议自行决定组件、顺序、章节数（不锁骨架）。 3. 选配色：复制 template.base.html,在 <html> 设 data-base(dark/light)+data-accent(gold/blue/burgundy/emerald/amethyst/platinum),默认深色·金；要新配色按 themes.md §4 加 :root[...] 块。 4. 拼正文：在 … 之间逐段按"内容类型→组件"用 component-library §3 片段（逐字复制类名结构）；强调 .hl/.tag-gold,公司/标的 .chip；数值天然走强调色,不写颜色。 5. 改变量位 + 锁署名/合规：header .title-h1/.meta-left（诺亚控股AI+财富管理部 · <副题>）/.meta-right、<title>、footer 日期；footer 写数据说明 + 标准免责声明 + 期次日期。 6. 写文件：诺亚AI+_<标题简写>_<YYYY-MM-DD>_mobile.html。 7. 自检 → 交付（见下方"上线自检"）。 8. （可选）上传生成链接：仅当用户要分享链接时执行，见下方「上传与分享」。

约束（硬规则）：<head>/<style> 整段保留（换配色只动 <html> 属性）；正文不写颜色字面量； .section-name 中文名 ≤7 字、单行；timeline 用 grid（正文跨满整行）；署名与合规页脚不可删。

上传与分享（可选 · 仅用户要分享链接时）

生成 HTML 后，只有当用户说「上传 / 发出去 / 生成链接 / 分享链接 / 传到 OSS」时才执行；否则到本地文件即止（默认行为不变）。

步骤： 1. 起 ASCII 上传名：OSS 要求文件名 ASCII、无中文、非 index.html，格式 <YYYYMMDDHHmm>_<FILE_NAME>.html。本地中文交付名不变；把生成文件复制成一个 ASCII 名再传，例如 202606241530_NOAH_AIPLUS_CIO_WEEKLY_dark_gold.html（FILE_NAME 体现主题/配色，便于识别）。⚠️ 别直接传中文名——upload.py 会把中文洗成下划线。 2. 上传：python scripts/upload.py <ascii_文件路径> —— 在本 skill 目录下运行（脚本读同目录 .env 的 OSS_SIGN_TOKEN）。 3. 取链接：成功时 stdout 打印一条公开 URL，把它返回给用户。

覆盖/更新之前的版本：从旧链接里取 skills/<user_id>/ 后的 6 位日期目录，用 --dir 传同名文件即可覆盖：python scripts/upload.py <文件> --dir 250624。不传 --dir 默认进当天日期目录。

前置依赖：pip install requests python-dotenv；.env 内有 OSS_SIGN_TOKEN（机密，已 .gitignore；打包给 CRM 时只带 .env.example，绝不带真实 .env）。

调用示例 · 正例 ✓ + 反例 ✗（REFERENCE）

正例 ✓

输入：「把这份歌斐 CIO 周视角 PDF 做成网页,用深色金色」+ 歌斐CIO周视角20260615.pdf
过程：抽取 → 规划核心判断 + 要点速览 + I 美股复盘(card+perf/stat/capex+CIO视角)/ II 本周日历(timeline)/ III AI 全栈(stack-card)/ IV 大宗商品 / V 黑天鹅(risk-card×4)/ 结语 → 设 data-base="dark" data-accent="gold"。
输出：诺亚AI+_CIO周视角_2026-06-15_mobile.html（参照 references/example-cio-dark-gold.html）。
换色：同一篇改 data-base="light" data-accent="burgundy" → 浅色酒红版,正文不变。

反例 ✗

「做本周宏观周报,要和上期一模一样」→ 固定骨架逐周复现,转 noah-macro-weekly。
「做个产品介绍落地页」→ 营销网页,转 aiplus-wealth-design-deluxe。

不支持的能力 + 禁止行为（LIMITS · 划边界）

不支持：逐周固定骨架复现的周报；通用营销 / 产品落地页；改动锁定的视觉规范。

禁止行为：

禁止改动 template.base.html 的 <head>/<style> 锁定参数（换配色仅改 <html> 属性）。
禁止在正文写颜色字面量（必须走 --accent* 等令牌）。
禁止删减 / 弱化页脚数据说明 / 免责声明 / 署名「诺亚控股AI+财富管理部」。
禁止杜撰文稿中不存在的数据或结论。

异常 / 兜底：

缺主标题 / 期次日期 → 先追问一句再生成。
PDF 抽不出 → pip install pymupdf(或 pypdf)后重试；中文乱码 → 重跑 extract_text.py 带输出文件名。
不小心改了 CSS / 留白变样 → 以 template.base.html 的 <head> 覆盖回去,配色只动 <html> 属性。
某段不知放哪个组件 → 回 component-library §1 速查;拿不准用 .card 兜底、点评补 .cio-view。
上传报错 → 缺 OSS_SIGN_TOKEN(检查 .env)/ 网络超时 / 签名失败：按脚本输出的浅白话提示用户，不要把原始堆栈甩给客户；pip 依赖缺失则先装 requests python-dotenv。

上线自检（六项门禁 + 产出自检）

六项质量门禁（缺任一打回）：① 触发明确(正例≥3/反例≥2) ② 目标可度量 ③ 步骤可执行无模糊词 ④ 示例正反齐全 ⑤ 边界清晰 ⑥ 合规：<head> 与基底逐字节一致、无占位符、正文 0 颜色字面量、署名与合规文本齐全。

产出自检清单：

[ ] <head>/<style> 与基底一致（除 <html> data 属性、<title>、必要时水印 content）
[ ] 无 {{占位符}} 残留；正文 0 颜色字面量,配色仅靠 data-base/data-accent
[ ] .section-name ≤7 字单行；timeline 是 grid；留白 0.12rem、字号未改小
[ ] 含 viewport meta + 流式 rem；署名「诺亚控股AI+财富管理部」在 footer 与 meta 均出现
[ ] footer 含数据说明 + 免责声明 + 当期日期；换色时目标主题块存在且属性拼写正确