Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add serejaris/kimi-skills --skill chrono-flowgit clone --depth 1 https://github.com/serejaris/kimi-skillsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/serejaris/kimi-skills/chrono-flow)<a href="https://agentmods.dev/skills/serejaris/kimi-skills/chrono-flow"><img src="https://agentmods.dev/badge/skills/serejaris/kimi-skills/chrono-flow/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/serejaris/kimi-skills/chrono-flow"><img src="https://agentmods.dev/badge/skills/serejaris/kimi-skills/chrono-flow.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00100 | $0.00994 |
| Opus 5 | $0.00050 | $0.00497 |
| Sonnet 5 | $0.00020 | $0.00199 |
| Haiku 4.5 | $0.00010 | $0.00099 |
Grade A, and why
chrono-flow scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 11d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
What it actually says
Timeline Designer
根据 JSON 配置数据生成精美的交互式时间线 HTML 页面，支持三种布局模式：
- 垂直布局（vertical） — 经典纵向时间线，事件卡片交替分布在轴线两侧
- 水平布局（horizontal） — 横向滚动时间线，适合展示较少事件
- 双侧布局（dual-side） — 根据
side字段将事件分配到左右两侧，适合对比展示
所有布局均支持：
- 点击展开/收起事件详情
- 移动端自适应（响应式设计）
- 自定义主题色、图标、分类标签
- 纯静态 HTML，零依赖，可直接用浏览器打开
使用方式
基础用法：从 JSON 配置生成
python3 scripts/generate_timeline.py --config timeline_data.json --output timeline.html
从标准输入读取 JSON
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
JSON 配置格式
{
"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 |
适用场景
- 项目里程碑展示
- 产品发布历史
- 公司发展历程
- 个人简历时间线
- 教学课程大纲
- 任何需要按时间顺序展示信息的场景
依赖
- Python 3.6+（仅使用标准库，无需额外安装）
What ships with it
2 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 11d ago First seen · 107 lines · 100 tokens per session scan A 9829f60a9f77
chrono-flow is a skill published in the GitHub repository serejaris/kimi-skills (6 stars, last pushed 1mo ago), licensed MIT. It adds 100 tokens to every session and 994 once invoked, about $0.0005 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other skills, from other repositories
timeline-builder
Generate beautiful interactive timeline HTML pages from JSON data, with vertical, horizontal, or dual-side layouts, collapsible details, and custom colors. Ideal for project milestones, company histories, or resumes. Triggered when a user mentions 'timeline', 'history of events', 'project milestones', 'release log'…
animation-reverse-engineering
Reverse-engineer any motion reference (a video from X/Twitter, Dribbble, a screen recording, a GIF) into production animation code through frame-level dissection. Use when the user shares a video/URL and says "implement this animation", "recreate this motion", "port this interaction", "how does this animate", "clone…
p5js
Use when users request: p5.js sketches, creative coding, generative art, interactive visualizations, canvas animations, browser-based visual art, data viz, shader effects, or any p5.js project.
3d-web-experience
Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences.
storytelling-web
Create stunning, animation-rich exploratory visual web pages from text content. Supports both Slides mode (presentation-style with slide navigation) and Scrolling mode (scroll-driven narrative with progressive animations). Use when the user wants to transform text into immersive web experiences with distinctive visual…
frontend-imagegen-director
Use when the user wants the agent to inspect the current project's style and product nature, clarify requirements in a Superpowers-style workflow, generate front-end visuals with gpt-image2 or the environment's imagegen path, and then build the actual front-end page from the approved image.