正式发布 · Claude Skill v2

让每一份演示
真正有力量

web-presentation v2 — 架构级重构。区分「给人讲」与「给人看」两种模式,内置12个行业模板、TOP5动效系统与完整设计 Token,生成对标专业设计师水准的单文件 HTML 演示稿。

查看示例演示稿 了解升级内容
6个升级维度 12个垂直行业模板 TOP5 动效系统 零外部依赖交付

先想清楚,再动手

演示稿有两种根本形态,策略不同,生成结果差距巨大

🎤
给人讲

Presentation
Mode

现场演讲、路演、培训、发布会。你在台上,观众跟着你走。

每页核心观点 ≤ 3条
每句 ≤ 15字,短词短句优先
标题字号 ≥ 36px,视觉冲击大
强入场动效,引导注意力聚焦
一页一画面,不允许页内滚动
📊
给人看

Document
Mode

自读报告、异步分享、数据看板、研究展示。读者自己掌控节奏。

信息密度可适当提高 ≤ 6条/页
层次清晰,支持扫描式阅读
配合表格/图表,可视化数据
优先交互性:筛选、钻取、导航
章节联动,支持键盘翻页

6 个维度全面升级

不是修补,是从底层重建生成逻辑

01 / 06
🎯
演示理念分类
单一生成逻辑
「给人讲」vs「给人看」两种模式,生成策略完全分离
核心架构
02 / 06
🔤
字号最小值控制
clamp() 无下限
正文绝对下限 14px,讲演模式标题 ≥ 32px,防止任何情况下文字不可读
可访问性
03 / 06
✂️
文案密度规则
4-6要点,无字数限制
每句 ≤ 15字强制约束,生成前必须自查压缩,禁止长句
内容质量
04 / 06
🏭
垂直行业模板
通用风格预设 13个
12个垂直行业纵深模板:科技/医疗/金融/教育/消费/制造等,含完整色彩规格
覆盖广度
05 / 06
🎨
内置视觉资源库
无图库/icon/token
完整 Design Token 体系 + 60+ SVG 内置 Icon + 12行业颜色变量,即用即取
开箱即用
06 / 06
TOP5 动效系统
基础 reveal 入场
入场/转场/鼠标交互/SVG动效/微交互全覆盖,performance 安全
视觉体验

12 个行业,开箱即用

每个行业有独立设计语言、色彩体系和信息结构策略

科技 / AI
Tech Pulse
电蓝深黑 Syne 粒子背景
医疗健康
Health Clarity
静白薄荷 Nunito 数据可视
教育培训
Academy Flow
暖橙奶白 Playfair 分步箭头
金融投资
Capital Signal
深海蓝金 Cormorant 数据密度
消费品/零售
Brand Wave
珊瑚象牙 Fraunces 大图展示
两者
制造/工业
Steel Frame
钢蓝灰白 IBM Plex 规格表格
能源/碳中和
Green Core
墨绿木色 Plus Jakarta 环形图
文化/创意
Creative Canvas
紫罗兰奶黄 Bodoni 不规则布局
两者
政务/公共
Civic Clear
国旗红冷灰 Source Han 规整网格
地产/空间
Space Story
暖灰铜金 Cormorant 全幅图
汽车/出行
Motion Drive
哑光黑银 Clash Display 动感斜切
电商/直播
Live Commerce
爆款红亮黄 Outfit 价格倒计时

4 个真实演示稿

覆盖「给人讲」「给人看」两种模式,直接点击查看完整演示

TOP5 动效,开箱即用

全部支持 prefers-reduced-motion,性能安全,不触发 layout

入场动效
5种入场:淡入上移/缩放/模糊/滑入/逐字stamp
页面转场
淡入淡出/推入推出/缩放切换,scroll-snap 驱动
鼠标交互
磁吸跟随/3D倾斜卡片/spotlight 光晕
SVG 动效
countUp 数字/圆环进度/波浪线/打字机效果
微交互
按钮波纹/导航激活/进度条发光/卡片展开

4步生成你的演示稿

01
说清楚目的
告诉 Claude:这份演示稿是现场讲(给人讲)还是发出去让人看(给人看)?行业是什么?
02
选风格 or 选行业
从12个垂直行业模板直接点名,或描述目标感受,Claude 生成3个风格预览供你选择。
03
提供内容
可以是完整文稿、提纲、PPT文件,或只有主题。Claude 自动补齐结构和文案。
04
获得单文件 HTML
零依赖单 HTML 文件,双击即可演示。方向键翻页,可直接在浏览器中修改文案。