メニュー
根据JSON数据生成精美的交互式时间线HTML页面，支持垂直、水平、双侧三种布局，可自定义主题色、展开详情，并适配移动端。适合展示项目里程碑、产品版本记录、公司发展历程或个人简历。当用户提及制作时间线、历程图、历史记录可视化，或需要将一系列事件、日期与描述数据转换为网页时触发。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | chrono-flow |
| description | 根据JSON数据生成精美的交互式时间线HTML页面，支持垂直、水平、双侧三种布局，可自定义主题色、展开详情，并适配移动端。适合展示项目里程碑、产品版本记录、公司发展历程或个人简历。当用户提及制作时间线、历程图、历史记录可视化，或需要将一系列事件、日期与描述数据转换为网页时触发。 |
| license | MIT |
| type | tool |
| tags | ["timeline","html","visualization","interactive","responsive"] |
根据 JSON 配置数据生成精美的交互式时间线 HTML 页面，支持三种布局模式：
side 字段将事件分配到左右两侧，适合对比展示所有布局均支持：
python3 scripts/generate_timeline.py --config timeline_data.json --output timeline.html
cat timeline_data.json | python3 scripts/generate_timeline.py --stdin --output timeline.html
python3 scripts/generate_timeline.py --config data.json --layout horizontal --output timeline.html
{
"title": "项目里程碑",
"layout": "vertical",
"theme": {
"primaryColor": "#2563eb",
"secondaryColor": "#7c3aed",
"backgroundColor": "#ffffff",
"textColor": "#1f2937",
"lineColor": "#d1d5db",
"fontFamily": "system-ui, -apple-system, sans-serif"
},
"events": [
{
"date": "2024-01-15",
"title": "项目启动",
"summary": "完成立项审批，组建核心团队",
"details": "详细说明文字，点击卡片后展开显示...",
"icon": "🚀",
"category": "里程碑",
"color": "#10b981",
"side": "left"
}
]
}
| 参数 | 说明 |
|---|---|
--config, -c | JSON 配置文件路径（与 --stdin 二选一） |
--stdin | 从标准输入读取 JSON |
--output, -o | 输出 HTML 文件路径（默认输出到 stdout） |
--layout, -l | 覆盖布局模式：vertical、horizontal、dual-side |
--title, -t | 覆盖时间线标题 |
| 字段 | 必填 | 说明 |
|---|---|---|
date | ✅ | 时间标签，格式不限（如 2024-01、Q1 2024、第一阶段） |
title | ✅ | 事件标题 |
summary | ❌ | 简短描述，始终显示在卡片上 |
details | ❌ | 详细内容，点击后展开显示 |
icon | ❌ | emoji 或单字符图标（默认 ●） |
category | ❌ | 分类标签，显示在卡片上 |
color | ❌ | 事件节点颜色（覆盖主题色） |
side | ❌ | 仅 dual-side 布局有效：left 或 right |
生成横向翻页网页 PPT（单 HTML 文件），含 WebGL 背景、章节幕封、数据大字报、图片网格等模板。提供两种风格：① "电子杂志 × 电子墨水"（衬线 + 流体背景 + 暖色） ② "瑞士国际主义"（无衬线 + 网格点阵 + IKB/柠檬黄/柠檬绿/安全橙高亮）。当用户需要制作分享 / 演讲 / 发布会风格的网页 PPT，或提到"杂志风 PPT"、"瑞士风 PPT"、"Swiss Style"、"horizontal swipe deck"时使用。
Utilizes a suite of tools to facilitate exhaustive, evidence-based deep research and long-form report engineering. Enforces a minimum 10-iteration search cycle, recursive reflection, and the production of structured reports exceeding 10,000 words with mandatory IPython visualizations and specific paragraph logic.
Professional PDF solution. Create PDFs using HTML+Paged.js (academic papers, reports, documents). Process existing PDFs using Python (read, extract, merge, split, fill forms). Supports KaTeX math formulas, Mermaid diagrams, three-line tables, citations, and other academic elements. Also use this skill when user explicitly requests LaTeX (.tex) or native LaTeX compilation.
广告创意写作与优化技能，覆盖标题、描述、正文及完整广告方案的生成与迭代，适用于Google Ads、Meta、LinkedIn、TikTok、Twitter/X等主流付费广告平台。当用户需要撰写广告文案、进行创意生成、标题撰写，或请求批量生产广告变体、基于数据进行创意测试与效果优化时触发。
ADHD 生活管理助手，通过每日规划、任务拆解、时间感知辅助、优先级排序、虚拟陪伴工作和情绪支持来帮助管理日常。当用户寻求帮助规划日程、克服任务瘫痪、应对拖延，或提到时间盲、难以启动任务、注意力分散等 ADHD 相关挑战时触发此技能。
从 Flask、FastAPI、Express 或 Gin 等 Web 框架的源代码中自动扫描路由定义，生成符合 OpenAPI 3.0 / Swagger 规范的标准化 API 文档文件。当用户需要生成 API 文档、提到 OpenAPI、Swagger、接口文档、路由扫描或从代码自动提取接口信息时触发。