用途:在 <AgentWorkspaceRoot>/app 中以 Vite + React 项目形式构建演示页面,运行 pnpm build 并使用 BuildAndRefreshApp 工具预览,适合非设计人员制作路演、汇报、演讲用幻灯片。支持新建演示(模式A)与增强已有演示(模式B)。
主要能力:提供多种风格预设(如 Bold Signal、Electric Studio、Neon Cyber、Terminal Green、Swiss Modern、Paper & Ink 等),可根据用途、主题和图片配色自动选择风格;通过视觉预览而非抽象选项帮用户确定审美;可选加入用户图片,对图片做可用性评估并纳入大纲共同设计。
必要用法:新建时先收集用途、页数、内容准备程度与图片情况,再确认大纲;生成后建议在 1920×1080、1440×900、1280×720、1024×768、375×667 等尺寸测试视口适配。设计必须包含基础 CSS:html/body 锁定视口,.slide 使用 height:100vh/100dvh 与 overflow:hidden,字号和间距使用 clamp(),媒体查询断点 700px、600px、500px,并尊重 prefers-reduced-motion。
限制:每张幻灯片内容有严格密度上限(标题页 1 标题+1 副标题;内容页 1 标题+4-6 要点或 1 标题+2 段;特性网格最多 6 卡片;代码页最多 8-10 行;引用页最多 3 行;图片页 1 图片且最高 60vh)。内容超出时必须拆分幻灯片,禁止缩小字号到不可读、禁止出现任何滚动。修改已有演示时须先核对密度上限并主动重组内容。