跳到技能内容
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
技能目录24 小时热门TOP100 技能每日更新
Skills 技能/mturac/everything-openai-codex/frontend-slides

Codex HTML 演示技能:制作可离线播放的三页浏览器幻灯片

English

Codex 安装步骤

  1. 从固定 GitHub 提交复制 `docs/ja-JP/skills/frontend-slides/` 完整目录到项目 `.agents/skills/frontend-slides/`。
  2. 让 Codex 读取同目录的 `STYLE_PRESETS.md`,给出内容层次和目标设备尺寸。

中文摘要

从内容提纲生成单文件 HTML 幻灯片,检查窄屏、键盘导航和减少动态效果。

SKILL.md 中文导读

可复现示例

用「问题、演示、下一步」制作 `presentation.html` 三页,要求离线打开,在 390×844 和 1440×900 窗口检查。

工作步骤

  1. 构建自包含 HTML,并检查每张幻灯片能放进目标视口。
  2. 本地用方向键测试翻页,核对普通和减少动态效果模式。

验收方法

文件无需联网能打开,三页可以键盘切换,标题和正文在两个视口内可读。

GitHub 原文 · 更新日期 2026-11-13

适用环境

需要现代浏览器和幻灯片内容提纲。纯 HTML 模式无需演示框架。

常见问题

手机端某页超高怎么办?

把内容拆成两页,或者收紧字号和间距后重新核对手机与桌面的阅读体验。

技能信息

GitHub 仓库
mturac/everything-openai-codex

收集于互联网

相关指南

  • ChatGPT Skills 和 Codex Skills 有什么区别?
更多 Codex 技能

相关推荐

  • agent-eval 技能

    mturac/everything-openai-codex

  • agent-harness-construction 技能

    mturac/everything-openai-codex

  • ai-first-engineering 技能

    mturac/everything-openai-codex

  • automation-audit-ops 技能

    mturac/everything-openai-codex

  • Codex Bun 技能:在本地验证 TypeScript 脚本和单元测试

    mturac/everything-openai-codex

  • Codex CodeTour 导览技能:给仓库流程添加文件行号步骤

    mturac/everything-openai-codex

词映 AI 导航Skills 技能
工具分类全部工具已本地化技能选型指南AI 快讯