One-Person Company Mission Control
作者Savio类型Prompt
作品介绍
One-Person Company Mission Control / 一人公司任务控制舱：一个 cinematic AI 控制舱单页站，展示个人如何借助 WorkBuddy、Agent、内容生产与 EdgeOne Makers，把灵感变成网页、视频、商品和发布系统。正式地址：https://contest.offdutyoffice.cn
Prompt 内容
所有作品均通过 EdgeOne Makers Skill 生成并部署，具备CDN加速、安全防护能力，可按需接入后端服务。获取 Prompt 或 Skill后，在WorkBuddy中按指引操作（含 EdgeOne Makers Skill 安装步骤等），即可生成并上线你的同款网站。
作品正式地址：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` 静态背景。感谢支持
如果你觉得这些作品很酷，给我们的 Github 仓库一个 Star