he4rt-twitter-engagement-tracker — Claude Code skill
This skill helps build a Chrome extension that observes X/Twitter activity and exports engagement data as JSON. Use it when community analytics need browser-collected data.
npx skills add reason-machines/marketing-skills --skill he4rt-twitter-engagement-tracker -a claude-codeWhat he4rt-twitter-engagement-tracker does
The skill describes a Chrome extension that watches GraphQL responses received while browsing X/Twitter. It can collect tweets, likes, replies, profile details, and users who liked a post, then shape the captured information into JSON for backend or Laravel ingestion.
Its structure uses manifest.json, interceptor.js, content.js, background.js, and popup assets. The interceptor patches window.fetch in the MAIN world, the content script bridges page messages to the extension, and the service worker processes the payload. A tracked handle can be stored with chrome.storage.local.
Setup requires Chrome or Brave, Developer mode, and an unpacked extension directory. The manifest needs access to https://x.com/* and https://twitter.com/*. Without those host permissions, the extension cannot receive the relevant GraphQL responses.
What it helps with
- capture X/Twitter GraphQL responses
- track posts and reactions for a handle
- collect likers and reply activity
- export engagement metrics as JSON
- send captured data into a Laravel backend
Example prompts for the agent
- Build a Chrome extension that tracks community activity on X/Twitter.
- Set up passive GraphQL response capture on X/Twitter and export the results as JSON.
- Store the tracked handle with
chrome.storage.localand process the captured events.
How to install he4rt-twitter-engagement-tracker
1Skills CLI (Vercel)
npx skills add reason-machines/marketing-skills --skill he4rt-twitter-engagement-tracker -a claude-code2Manually: put the files in place
~/.claude/skills/he4rt-twitter-engagement-tracker/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/he4rt-twitter-engagement-tracker/
1Skills CLI (Vercel)
npx skills add reason-machines/marketing-skills --skill he4rt-twitter-engagement-tracker -a codex2Manually: put the files in place
.agents/skills/he4rt-twitter-engagement-tracker/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add reason-machines/marketing-skills --skill he4rt-twitter-engagement-tracker -a cursor2Manually: put the files in place
.cursor/skills/he4rt-twitter-engagement-tracker/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install reason-machines/marketing-skills he4rt-twitter-engagement-tracker2Manually: put the files in place
.github/skills/he4rt-twitter-engagement-tracker/SKILL.md1Skills CLI (Vercel)
npx skills add reason-machines/marketing-skills --skill he4rt-twitter-engagement-tracker -a gemini-cli2Platform CLI
gemini skills install https://github.com/reason-machines/marketing-skills --path skills/he4rt-twitter-engagement-trackerManually: put the files in place
.devin/skills/he4rt-twitter-engagement-tracker/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add reason-machines/marketing-skills --skill he4rt-twitter-engagement-tracker -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about he4rt-twitter-engagement-tracker
How do I install he4rt-twitter-engagement-tracker in Claude Code?
Run npx skills add reason-machines/marketing-skills --skill he4rt-twitter-engagement-tracker -a claude-code, then use ~/.claude/skills/he4rt-twitter-engagement-tracker/SKILL.md.
What does he4rt-twitter-engagement-tracker do?
It guides the creation of a browser extension that observes X/Twitter GraphQL traffic, extracts engagement data, and produces structured JSON for analytics ingestion.
Which browsers and sites does it support?
The extension is designed for Chrome and Brave and targets x.com and twitter.com. Its processing covers endpoints such as UserTweets, Favoriters, TweetDetail, and UserByScreenName.