作品正式地址：https://contest.offdutyoffice.cn
GitHub源码地址：https://github.com/savio1022/offdutyoffice-site/tree/codex-site-reset-showcase/experiments/edgeone-workbuddy-contest/offdutyoffice-ep01

Install this skill: https://github.com/TencentEdgeOne/edgeone-pages-skills, then deploy to EdgeOne Makers.

参赛 Prompt：
请创建一个可部署到 EdgeOne Makers 的 cinematic AI mission-control 单页网站作品，用于腾讯云 WorkBuddy x EdgeOne 挑战赛 Prompts 赛道。

作品名：One-Person Company Mission Control
中文名：一人公司任务控制舱

核心概念：一个人借助 AI Agent、Codex、Claude、OpenClaw、Hermes、图像/视频工具和自动化工作流，把散乱想法变成网站、社交内容、短视频、商品、部署页面和商业实验。

视觉风格：参考官方 Demo 画廊的冲击型首页：大面积动态背景、透明玻璃控制台、巨型 serif 标题、半透明胶囊导航、HUD 数据卡、流动光束、动态粒子、暗色 vignette、高级科技电影感。整体要像一个未来任务控制室，而不是普通 SaaS 官网。

页面结构：Hero、Mission Device、Demo Gallery、Prompt Deck、Build Notes。

技术要求：移动端优秀，页面可部署，README 写清运行、build、EdgeOne Makers 部署方式、参赛简介。不要接入密钥，不要提交问卷，不要公开部署，部署前先停下确认。

---

## 视觉资源（CDN）

> **所有视频和图片已上传至 CDN，直接使用以下 URL，无需本地存储文件。**
>
> CDN 基础路径：`https://cdnstatic.tencentcs.com/edgeone/pages/product-activities/oneperson`

| 用途 | 文件类型 | CDN 地址 |
|------|---------|----------|
| **Hero 全屏动态背景视频** | MP4 | `https://cdnstatic.tencentcs.com/edgeone/pages/product-activities/oneperson/mission-control-bg.mp4` |
| **Hero 背景视频 poster（首帧静态图）** | JPG | `https://cdnstatic.tencentcs.com/edgeone/pages/product-activities/oneperson/mission-control-poster.jpg` |
| **Demo Gallery 演示视频（CRF30 版本）** | MP4 | `https://cdnstatic.tencentcs.com/edgeone/pages/product-activities/oneperson/demo-crf30.mp4` |
| **Demo Gallery / OG 封面图** | JPG | `https://cdnstatic.tencentcs.com/edgeone/pages/product-activities/oneperson/cover.jpg` |

### 使用方式

**Hero 动态背景（全屏视频）：**

```html
<video
  autoplay muted loop playsinline
  poster="https://cdnstatic.tencentcs.com/edgeone/pages/product-activities/oneperson/mission-control-poster.jpg"
>
  <source src="https://cdnstatic.tencentcs.com/edgeone/pages/product-activities/oneperson/mission-control-bg.mp4" type="video/mp4">
</video>
```

**Demo Gallery 演示视频：**

```html
<video
  controls playsinline
  poster="https://cdnstatic.tencentcs.com/edgeone/pages/product-activities/oneperson/cover.jpg"
>
  <source src="https://cdnstatic.tencentcs.com/edgeone/pages/product-activities/oneperson/demo-crf30.mp4" type="video/mp4">
</video>
```

**Open Graph 封面图（在 `<head>` 中）：**

```html
<meta property="og:image" content="https://cdnstatic.tencentcs.com/edgeone/pages/product-activities/oneperson/cover.jpg">
```

> 所有视频添加 `preload="none"` 或 `preload="metadata"` 以优化加载性能。背景视频在移动端可降级为 `mission-control-poster.jpg` 静态背景。
