新闻详情

新闻详情

首页 / 资讯中心 / 详情

离线双击即开、中英双语单文件报告:shuohao-skills 的 report.html 渲染与 I18N 工程实现

发布时间:2026/9/27 4:45:17来源:尧图网络
离线双击即开、中英双语单文件报告:shuohao-skills 的 report.html 渲染与 I18N 工程实现
离线双击即开、中英双语单文件报告shuohao-skills 的 report.html 渲染与 I18N 工程实现【免费下载链接】shuohao-skillsAI 短剧制作的 skill 集合拆角色、排大纲、出场景与道具设定、写剧本、切分镜 | Agent skills for AI short-drama production — character bibles, adaptation outlines, art bibles, screenplays, storyboards. Runs in Claude Code codex.项目地址: https://gitcode.com/gh_mirrors/sh/shuohao-skillsshuohao-skills 是一个AI 短剧制作的 skill 集合拆角色、排大纲、出美术设定、写剧本、切分镜。每个 skill 跑完都会产出一份report.html——一个单文件 HTML 报告不引任何外部库、不发任何网络请求离线双击即开界面中英双语可一键切换内置 I18N 文案表--lang en出全英文报告。这篇带你看看这份报告背后的渲染与 I18N 工程是怎么做的。单文件报告为什么双击就能开先把结论说在前面五个 skillnovel-characters / novel-outline / novel-art / novel-script / novel-storyboard的报告都是同一套设计约定——全部内联CSS、SVG 图表、交互 JS 全部写在同一个 HTML 文件里不引任何外部库也不发网络请求一页平铺页宽 1600没有侧栏、没有折叠藏内容评审人可以直接 CmdF打印友好media print下自动展开全部折叠区、卡片不跨页断同时适配prefers-reduced-motion安全拼接所有模型生成的数据都经过esc()转义后才拼进 HTML设计约定写在每个 skill 的 references/report-style.md 里样式只改渲染器那一处。整条 AI 短剧制作管线长这样中英双语 I18N界面文案表是怎么设计的早期每个 skill 的界面文案散落在模板字符串里。2026-08-15 的报告双语化重构见 CHANGELOG.md把五个 skill 统一成同一个工程模式以 skills/novel-outline/scripts/novel-outline.mjs 为例两张文案表I18N { zh, en }章节标题、KPI 卡片、列表分隔符、连 CSS/JS 注释里的硬编码中文全部收进表里一个选择器tOf(lang)按语言取表非法语言直接报错、不静默回落——宁可失败也不出半吊子报告模板化短语像第 N 集、质量门 13 / 13这类带数字的文案写成函数中英文各自格式化html lang属性也跟着切换这就是单文件报告 I18N的核心翻译的是界面壳不是数据。一键切换语言render --lang en的优先级规则渲染命令只多了一个参数语言解析规则是三级优先node scripts/novel-outline.mjs render outline.json --html --lang en outline-report.html--lang zh|en命令行参数最高优先JSON 顶层lang字段例如 art.json 里写lang: en默认中文分镜 skill 里还特意把两个语言分开--lang只管报告界面promptLang管H3 生成提示词的语言默认英文——界面给谁看、提示词喂给哪个模型本来就是两件事。质量门英文翻译标签按 id 映射阈值原样保留最讲究的是质量门面板的翻译。英文界面下门标签按门 id 映射成英文如主场景 ≤ 5→Primary scenes ≤ 5而阈值数字由门自己算好、按顺序原样填进模板——翻译表只负责文字绝不管逻辑。门的判定代码与 CLI 诊断文案一行没动。翻译边界哪些会变、哪些保持原文这是使用双语报告时最值得记住的一条规则内容行为界面标签、章节标题、单位词、分隔符跟随lang翻译质量门标签按 id 映射英文阈值原样数据内容人名、梗概、台词、提示词永远保持原文门的失败详情保持原文角色 skill 走得更远内置中 / 英 / 日三套界面还支持任意语言——现场把界面文案翻好存进cast.json的ui字段渲染时合并ui-template lang能生成待翻译骨架缺了ui又用了表外语言validate直接报错。离线单文件的三个工程细节① 报告即数据仓库。原始 JSON 以script typeapplication/json原样内嵌在页面里点导出 JSON只是把它包成 Blob 下载——零网络请求下载的内容和outline.json逐字节一致改完还能直接喂回render/validate。② 两个真实踩过的坑都写进了代码注释JSON 里出现/script会把内嵌数据块提前截断所以统一转成\u003cURL.revokeObjectURL不能紧跟a.click()调用否则 Safari 会在下载读完前撤掉 blob存出来是空文件——所以延迟 10 秒再释放③ 自测盯着底线。每个 skill 的 selftest.mjs 不调模型、1 秒跑完不引任何外部资源、离线能开这类约定有正反双向断言双语化后自测项从 outline 200、art 131、script 137、storyboard 165 分别涨到 220 / 146 / 153 / 185。五份报告效果一览同一套视觉语言冷灰印张 铁锈红印记、宋体原文 / 黑体分析 / 等宽提示词五种交付物快速上手安装并渲染你的第一份报告前置条件只有一个Node ≥ 18脚本零 npm 依赖不需要 install出图才需要 codex CLI。git clone https://gitcode.com/gh_mirrors/sh/shuohao-skills cd shuohao-skills ./scripts/install.sh # 自动检测 Claude Code / codex 并软链仓库自带《渡口》样例数据可以直接渲染看看效果node skills/novel-outline/scripts/novel-outline.mjs render skills/novel-outline/examples/渡口-outline.json --html --lang en更多命令见各 skill 的 README.md。相关文件路径速查项目总览与双语说明README.md报告设计约定区块顺序、图表口径、质量底线skills/novel-outline/references/report-style.md渲染器与 I18N 文案表skills/novel-outline/scripts/novel-outline.mjs自测脚本不调模型skills/novel-outline/scripts/selftest.mjs样例数据可当测试夹具直接渲染skills/novel-outline/examples/渡口-outline.json安装脚本scripts/install.sh版本演进双语化重构细节CHANGELOG.md【免费下载链接】shuohao-skillsAI 短剧制作的 skill 集合拆角色、排大纲、出场景与道具设定、写剧本、切分镜 | Agent skills for AI short-drama production — character bibles, adaptation outlines, art bibles, screenplays, storyboards. Runs in Claude Code codex.项目地址: https://gitcode.com/gh_mirrors/sh/shuohao-skills创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
网站建设高端定制企业官网
RELATED

相关资讯

更多精彩内容,欢迎继续阅读

较早相关资讯

最新相关资讯

小红书店群自动化管理系统:多线程不抢焦,告别网页卡死报错 2026/9/27 4:45:16

小红书店群自动化管理系统:多线程不抢焦,告别网页卡死报错

小红书店群自动化管理系统:多线程不抢焦,告别网页卡死报错 在电商圈混久了就会发现,小红书的自动回复与客服,是店群运营中最耗人力也最容易出错的环节。 店群客服是纯人力消耗战。一个店日均50条咨询,20个店就是1000条…

阅读更多 →
项目复盘总是虎头蛇尾?用对AI工具,把散落的信息变成可执行的行动清单 2026/9/27 4:45:10

项目复盘总是虎头蛇尾?用对AI工具,把散落的信息变成可执行的行动清单

做了几年项目管理,我见过太多复盘会变成“甩锅会”或者“沉默会”。大家坐在一起,翻着零散的笔记、聊天记录、邮件,试图拼凑项目推进过程中的关键节点。结果呢?要么遗漏了重要细节,要么输出的总结空洞无物,…

阅读更多 →
3招搞定wordpress4.6获取用户名方法,省钱建站报价避坑 2026/9/27 4:45:10

3招搞定wordpress4.6获取用户名方法,省钱建站报价避坑

3招搞定wordpress4.6获取用户名方法,省钱建站报价避坑 网站做好了没人访问,这简直是独立站长最头疼的噩梦。你花了大几千甚至上万块找外包做站,结果上线一个月,后台流量数据惨不忍睹,连个像样的询盘都没有。这时候你才反应过来,当初谈…

阅读更多 →
小红书店群自动化管理系统:夜间全自动客服,3分钟内回复率100% 2026/9/27 4:45:10

小红书店群自动化管理系统:夜间全自动客服,3分钟内回复率100%

小红书店群自动化管理系统:夜间全自动客服,3分钟内回复率100% 做店群的老板都知道,小红书的多店防关联管理,是店群运营中最耗人力也最容易出错的环节。 做店群的老板都知道,最怕的就是底层IP和硬件指纹穿帮。一旦平台判…

阅读更多 →
LMDeploy 基准测试实战指南:用 profile_pipeline_api、profile_throughput 与 profile_restful_api 度量 LLM 推理性能 2026/9/27 4:45:02

LMDeploy 基准测试实战指南:用 profile_pipeline_api、profile_throughput 与 profile_restful_api 度量 LLM 推理性能

人工智能大模型模型推理服务推理引擎本地部署模型量化 【免费下载链接】lmdeploy LMDeploy is a toolkit for compressing, deploying, and serving LLMs. 项目地址: https://gitcode.com/gh_mirrors/lm/lmdeploy 点击查看 免费下载 LMDeploy 在 benchmark/ 目录下…

阅读更多 →
wordpress两个导航选哪家好 2026/9/27 4:44:56

wordpress两个导航选哪家好

拒绝被黑挂马:WordPress双导航架构与SSL最佳实践 网站被黑挂马不知道怎么办?这是很多独立站长深夜盯着浏览器控制台时的噩梦。页面突然多出奇怪的链接,后台莫名多了管理员,甚至整站被替换成赌博广告,这种被动挨打的感觉极其糟糕。要彻底解决…

阅读更多 →

今日资讯

本周资讯

本月资讯

看完文章仍有疑问?

联系尧图顾问,获取一对一建站咨询

立即免费咨询 📞 400-888-8888
📞 ✉