fmode-skills/skills/fmode-slide-design

@fmode/skill-slide-design

把一份汇报稿变成一套纯图 PPT。

每页一张 1792×1024 的完整设计图 —— 标题、正文、图示、装饰一次生成。 不是"背景图 + 代码排字"，是真正的一页一张图。

这个技能解决什么问题

传统做法：先设计版式，再用代码把文字排上去 → 出来是"网页感" 这个技能：整页一次生成 → 观感统一、改稿快、不怕字体缺失

核心能力（这才是它的价值）

1. 非文字化表达

把抽象概念翻译成一眼能懂的视觉。 「数据孤岛」不画三个方块，画一个人蹲在满地纸张中间翻找。

2. 海量文字结构化

5000 字压成一页：提炼主线 → 分层归组 → 建立关系 → 视觉承载。

3. 按主题自适应

不套模板。数据密集用理性风格，有故事用真实影像，讲工程用建筑线稿。 风格由内容决定。

4. 参考图渲染

真实产品图、界面截图、品牌元素按比例精确融合，不变形、不重绘。 scale = min(目标宽/原宽, 目标高/原高)

5. 五套风格配方（可选，不是必须）

浅色高级感 / 建筑事务所 / 真实影像叙事 / 平面理性 / 深色发布会

安装

npm i @fmode/skill-slide-design

15 分钟做出第一页

见 快速上手.md

目录

• SKILL.md — 主技能，19 章，从核心原则到实战坑位
• references/能力放大方法论.md — 理解这个技能的设计哲学
• references/case-catering-80p.md — 餐饮课程 80 页完整 prompt（案例参考）
• assets/ — 4 张成品样张

适用边界

适合：汇报 PPT、课程课件、客户提案、方案宣讲 不适合：需要后续大量改字的场合（纯图改字要重出图）

协议

MPL-2.0