cinematographer

cinematographer is a skill for Claude Code from QinghongLin/data2story-skill. It costs 133 tokens per session (4,060 once invoked), scanned A, original, MIT.

A role for designing film-like web pages whose background changes as the reader scrolls. It coordinates full-screen imagery and page-level motion around the story and the visuals used in each section.

In plain words
What is it for?
Use it when creating the cinematic scroll background for a blog or editorial page, choosing a background mode, and staging section content within the scrolling narrative.
Why use it?
It helps turn a static article into a sequence of visual scenes with a clear scroll-driven progression. It also defines which visual layer belongs to the background rather than to individual sections.

Skill for Claude Code

Written for Claude Code: allowed-tools in frontmatter.

Part of the data2story-pro plugin — 25 skills shipped together

Good fit Use it when creating the cinematic scroll background for a blog or editorial page, choosing a background mode, and staging section content within the scrolling narrative.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/qinghonglin/data2story-skill/cinematographer
Install

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.

Any agent
npx skills add QinghongLin/data2story-skill --skill cinematographer
Clone the repo
git clone --depth 1 https://github.com/QinghongLin/data2story-skill

Made for: Claude Code.

Or install data2story-pro, the plugin that ships this one along with the rest of its 25 skills.

Wrote 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.

agentmods badge for cinematographer

README.md
[![agentmods](https://agentmods.dev/badge/skills/qinghonglin/data2story-skill/cinematographer/github.svg)](https://agentmods.dev/skills/qinghonglin/data2story-skill/cinematographer)
Your own site
<a href="https://agentmods.dev/skills/qinghonglin/data2story-skill/cinematographer"><img src="https://agentmods.dev/badge/skills/qinghonglin/data2story-skill/cinematographer/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.

agentmods 80×15 button for cinematographer

Your own site · 80×15
<a href="https://agentmods.dev/skills/qinghonglin/data2story-skill/cinematographer"><img src="https://agentmods.dev/badge/skills/qinghonglin/data2story-skill/cinematographer.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 133 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 4,060 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe. Third-party audits
  • NVIDIA SkillSpector pass 7 Sept 2026
How audits are shown
Origin original No closer match found in the catalogue.
Token cost

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.

ModelPer sessionOnce invoked
Fable 5.1 $0.00133 $0.04060
Opus 5.5 $0.00053 $0.01624
Sonnet 5.5 $0.00027 $0.00812
Haiku 4.5 $0.00013 $0.00406

Measured 2mo ago against content hash 1f9306e33471, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

cinematographer 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 2mo 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.

skills/data2story-pro/cinematographer/SKILL.md · 94 lines

How it starts

The opening of the file, as written. The whole thing — 94 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Cinematographer

Premium-profile stage. The orchestrator runs the Cinematographer only in the premium profile; the fast profile ships no cinematic scroll. The "mandatory — every blog ships one" rule below applies within premium.

Your job is the cinematic scroll experience: turn the page from a static editorial column into a film the reader scrolls through — a full-bleed background that transforms continuously, the story unfolding as the reader scrolls down. The scroll itself is the engine: every beat is revealed by scrolling, and the background changes with it. You own the background layer + global motion choreography. You do NOT redo the Designer's per-section visuals or the Interaction Engineer's centerpiece — you stage them inside the scroll as scenes.

This stage is MANDATORY — every blog ships a cinematic scroll background. There is no "off" path and no "opt-out": your job in Step 1 is not whether to go cinematic, but which mode fits the material. The primary mode is photographic — relevant, verified, license-clean REAL imagery (the WC exemplar pattern), which the Scout sources for almost every topic, including historical and abstract ones (an industrial-revolution / economics story → real public-domain factory, worker and machine photographs; a place/event/people topic → real photos of it). generative (registered des_ AI atmosphere/metaphor stills + gradient) and data_driven (the story's signature annotated chart pinned as the scroll spine) are fallbacks, used ONLY when relevant real imagery genuinely cannot be sourced. Mandatory means always-present AND tasteful — not force-junk: AI imagery is for atmosphere/metaphor only (never a specific real subject), and the decorative / tonally-wrong cap still applies. The point is that the page always reads as a scrolled film, with the most honest background the material can support.

Setup

  • PROJECT_DIR = first argument; SKILL_DIR = the directory containing this SKILL.md.
  • Read: editor.md + editor.json (the spine = your scene list, in order), designer.json (theme/page_rhythm + per-section visuals), interaction.json (the centerpiece — give it a scene), scout.json (the verified, license-clean imagery you build backgrounds from), detective.json (context).
  • Read references/cinematic_recipes.json (the scroll-background techniques) and the shared ../../frontend-design-pro/references/interaction_playbook.json (the scroll engine).
  • Output: PROJECT_DIR/cinematographer.json.

Read the full file on GitHub · 94 lines

Files

What ships with it

3 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.

Changes

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.

  1. 2mo ago First seen · 94 lines · 133 tokens per session scan A 1f9306e33471

Subscribe to this mod's changes

cinematographer is a skill published in the GitHub repository QinghongLin/data2story-skill (161 stars, last pushed 4mo ago), licensed MIT. It adds 133 tokens to every session and 4,060 once invoked, about $0.0005 per session on Opus 5.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-30.

Related

cinematographer compared with skills from other repositories

cinematographer next to 6 skills from other repositories
ModTypeStarsLast pushLicenceScanTokensWorks with
cinematographerQinghongLin/data2story-skillSkill1614mo agoMITA133Claude Code
chdb-sqlchdb-io/chdbSkill2.9k6d agoApache-2.0A214Claude Code, Codex
waxchristopherkarani/WaxSkill8062d agoApache-2.0A76Codex
wax-memory-maintenancechristopherkarani/WaxSkill8062d agoApache-2.0A18Claude Code, Codex
alterlab-timesfmAlterLab-IEU/AlterLab-Academic-SkillsSkill85yesterdayMITA150Claude Code
alterlab-cobrapyAlterLab-IEU/AlterLab-Academic-SkillsSkill85yesterdayMITA91Claude Code
alterlab-molecular-dynamicsAlterLab-IEU/AlterLab-Academic-SkillsSkill85yesterdayMITA98Claude Code