메뉴
从用户提供的内容生成精美现代化的 HTML 页面，并可转为高清 PNG 图片。USE FOR: 生成美观HTML页面、创建精美长图、HTML转图片、内容可视化、旅游攻略图、活动海报、信息图表、排版设计、HTML生成PNG、漂亮网页。DO NOT USE FOR: 复杂Web应用（使用 frontend-design skill）、PPT生成（使用 doa-ppt skill）、PDF文档（使用 pdf skill）。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
项目全生命周期工作站。统一编排所有 Agent 和 Skill，从项目初始化到交付的一站式工作流。 自动识别新项目/老项目，引导需求分析、系统设计、任务拆解、脚手架搭建和工程轨道配置。 USE FOR: 开始新项目、接手老项目、初始化工作流、workcopilot、工作站、项目启动、 新建项目、项目脚手架、scaffold project、init project、start project、work copilot。 DO NOT USE FOR: 单个文档生成（直接用 doa-ppt / doa-metting 等）、纯代码调试（用 systematic-debugging）。
生成或优化商务PPT演示文稿、产品介绍、技术方案、项目报告，支持多页HTML幻灯片预览、 HTML转PPT导出，或将PDF、截图、笔记、参考文档等源材料转化为精美演示文稿。 不用于独立网页或Web应用。
从需求描述或后端代码生成专业的接口说明文档（API Specification）。 支持 PDF（reportlab）和 Word（python-docx）两种输出格式，商务蓝色主题。 完整工作流： (1) 用户提供需求描述/后端代码/接口定义 (2) 使用 vscode_askQuestions 确认输出格式（PDF / Word / 都要） (3) AI 结构化整理为标准接口文档格式 (4) 生成 Python 脚本并运行输出文档 USE FOR: 生成接口文档、API文档、接口设计说明书、接口说明文档、 API接口文档PDF、API接口文档Word、从代码生成接口文档、 从需求生成接口文档、接口设计文档。 DO NOT USE FOR: 会议纪要（使用 doa-metting skill）、PPT（使用 doa-ppt skill）、 通用PDF处理（使用 pdf skill）。
端到端测试全流程：安装配置 Playwright → 编写 E2E 测试用例 → 执行测试 → 生成精美 HTML 报告 → 输出 PDF。USE FOR: E2E测试、端到端测试、Playwright测试、前端自动化测试、编写E2E用例、生成测试报告、测试报告PDF、测试报告HTML、Playwright配置、自动化回归测试、UI测试、冒烟测试。DO NOT USE FOR: 单元测试（使用 test-driven-development skill）、API测试、性能测试。
自动为项目搭建 Harness Engineering 工程轨道。一键生成 copilot-instructions.md、AGENTS.md、 tasks.json、CODEOWNERS、rules/*.md 五大配置文件，让 GitHub Copilot 从"碰运气"变成"稳定交付"。 USE FOR: 初始化 harness、搭建 copilot 工程轨道、配置 agent 约束、创建 instructions、 创建验证链、配置审批钩子、setup harness、init harness、harness engineering。 DO NOT USE FOR: 生成 PPT（使用 doa-ppt）、写代码逻辑、调试 bug。
从会议概要或会议内容生成逻辑严谨、格式清晰、样式优美的专业 PDF 会议纪要。 使用 Python reportlab 库，支持中文字体（跨平台自动适配），商务蓝色主题。 完整工作流： (1) 用户提供会议概要/原始内容/录音文字稿 (2) AI 结构化整理为标准会议纪要格式 (3) 生成 Python 脚本并运行输出 PDF USE FOR: 生成会议纪要、会议记录PDF、meeting minutes、会议总结文档、 会议纪要PDF、从会议内容生成PDF、整理会议记录。 DO NOT USE FOR: 通用PDF处理（使用 pdf skill）、PPT生成（使用 doa-ppt skill）。
| name | doa-image |
| description | 从用户提供的内容生成精美现代化的 HTML 页面，并可转为高清 PNG 图片。USE FOR: 生成美观HTML页面、创建精美长图、HTML转图片、内容可视化、旅游攻略图、活动海报、信息图表、排版设计、HTML生成PNG、漂亮网页。DO NOT USE FOR: 复杂Web应用（使用 frontend-design skill）、PPT生成（使用 doa-ppt skill）、PDF文档（使用 pdf skill）。 |
| argument-hint | 描述你要生成的内容主题和要求 |
将用户提供的内容（文字、数据、攻略等）生成一张格式精美、排版现代、配色雅致的 HTML 页面，用户确认后将其转为高清 PNG 长图。
根据内容主题自动选择最合适的视觉风格：
| 内容类型 | 推荐风格 | 配色方向 |
|---|---|---|
| 旅游/自然 | 清新自然 | 绿色系、蓝绿色系 |
| 商务/报告 | 专业简约 | 深蓝、灰色系 |
| 美食/生活 | 温暖雅致 | 暖橙、米色系 |
| 科技/产品 | 现代极简 | 深色 + 亮色点缀 |
| 节日/庆祝 | 活泼明快 | 红金、多彩 |
| 文化/历史 | 古典雅致 | 褐色、墨绿 |
Noto Serif SC（标题）+ Noto Sans SC（正文），通过 Google Fonts 引入@media (max-width: 600px) 适配移动端Hero 区（渐变背景 + 标题）
├── 总览/概要（grid 卡片）
├── 主体内容（分节卡片 + 时间线/列表）
├── 补充信息（grid 网格展示）
├── 数据/表格（简洁表格）
├── 提示/备注（tip 卡片网格）
└── 页脚（点睛之笔）
<style> 中）湖州五一旅游攻略.htmloutput/{内容描述性名称}/（每次新任务创建独立子文件夹）用户确认后，使用 html2image + Edge/Chrome 浏览器将 HTML 截图为 PNG。
生成转换脚本并执行：
import os
from html2image import Html2Image
# 自动查找浏览器
for p in [
r"C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe",
r"C:\Program Files\Microsoft\Edge\Application\msedge.exe",
r"C:\Program Files\Google\Chrome\Application\chrome.exe",
r"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe",
]:
if os.path.exists(p):
browser_path = p
break
hti = Html2Image(
browser_executable=browser_path,
output_path="<输出目录>",
custom_flags=["--no-sandbox", "--disable-gpu", "--hide-scrollbars"],
)
hti.screenshot(
html_file="<HTML文件路径>",
save_as="<输出文件名>.png",
size=(1080, <根据内容估算高度>),
)
高度估算参考：
view_image 工具查看生成的 PNGhtml2image（如未安装需先安装）