LobeHub Interactive Prototype
lobehub/lobehub
Builds single-file interactive HTML prototypes rendered with the real LobeHub UI components and written as production-style React, so they can later be split into files.
Build an interactive competitive-traffic report for any company and its rivals — monthly visits (SimilarWeb), organic search traffic and Domain Rating (Ahrefs) — as one self-contained HTML page with…
Install Competitor Traffic Report
$ npx skills add OpenClaudia/openclaudia-skills --skill competitor-traffic-report -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install OpenClaudia/openclaudia-skills competitor-traffic-report --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/OpenClaudia/openclaudia-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/competitor-traffic-report .claude/skills/competitor-traffic-report && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "competitor-traffic-report" agent skill from https://github.com/OpenClaudia/openclaudia-skills/tree/main/skills/competitor-traffic-report into .claude/skills/competitor-traffic-report/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "competitor-traffic-report", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/OpenClaudia/openclaudia-skills/tree/main/skills/competitor-traffic-reportType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add OpenClaudia/openclaudia-skills --skill competitor-traffic-report -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install OpenClaudia/openclaudia-skills competitor-traffic-report --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/OpenClaudia/openclaudia-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/competitor-traffic-report .agents/skills/competitor-traffic-report && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "competitor-traffic-report" agent skill from https://github.com/OpenClaudia/openclaudia-skills/tree/main/skills/competitor-traffic-report into .agents/skills/competitor-traffic-report/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "competitor-traffic-report", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add OpenClaudia/openclaudia-skills --skill competitor-traffic-report -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install OpenClaudia/openclaudia-skills competitor-traffic-report --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/OpenClaudia/openclaudia-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/competitor-traffic-report .cursor/skills/competitor-traffic-report && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "competitor-traffic-report" agent skill from https://github.com/OpenClaudia/openclaudia-skills/tree/main/skills/competitor-traffic-report into .cursor/skills/competitor-traffic-report/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "competitor-traffic-report", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/OpenClaudia/openclaudia-skills.git --path skills/competitor-traffic-report--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add OpenClaudia/openclaudia-skills --skill competitor-traffic-report -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install OpenClaudia/openclaudia-skills competitor-traffic-report --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/OpenClaudia/openclaudia-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/competitor-traffic-report .gemini/skills/competitor-traffic-report && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "competitor-traffic-report" agent skill from https://github.com/OpenClaudia/openclaudia-skills/tree/main/skills/competitor-traffic-report into .gemini/skills/competitor-traffic-report/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "competitor-traffic-report", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install OpenClaudia/openclaudia-skills competitor-traffic-reportInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add OpenClaudia/openclaudia-skills --skill competitor-traffic-report -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/OpenClaudia/openclaudia-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/competitor-traffic-report .github/skills/competitor-traffic-report && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "competitor-traffic-report" agent skill from https://github.com/OpenClaudia/openclaudia-skills/tree/main/skills/competitor-traffic-report into .github/skills/competitor-traffic-report/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "competitor-traffic-report", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add OpenClaudia/openclaudia-skills --skill competitor-traffic-report -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install OpenClaudia/openclaudia-skills competitor-traffic-report --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/OpenClaudia/openclaudia-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/competitor-traffic-report .opencode/skills/competitor-traffic-report && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "competitor-traffic-report" agent skill from https://github.com/OpenClaudia/openclaudia-skills/tree/main/skills/competitor-traffic-report into .opencode/skills/competitor-traffic-report/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "competitor-traffic-report", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
competitor-traffic-report- GitHub stars
- 713
- Token cost
- ~1.2k tokens
- SKILL.md length
- 629 words
- Files
- 4 (incl. scripts)
- Skills in repo
- 74
- Repo updated
- First seen
- Licence
- MIT
At a glance
Build an interactive competitive-traffic report for any company and its rivals — monthly visits (SimilarWeb), organic search traffic and Domain Rating (Ahrefs) — as one self-contained HTML page with…
- Asked to benchmark a product against competitors
- SKILL.md covers Run, Choosing the competitor set, Constraints worth knowing… and Publishing the report, plus 1 more section
- Runs JavaScript scripts from its folder; calls node; needs AHREFS_API_KEY and BRANDDEV_API_KEY
- Size up a market
What it does
Competitor Traffic Report is an agent skill from OpenClaudia/openclaudia-skills. Build an interactive competitive-traffic report for any company and its rivals — monthly visits (SimilarWeb), organic search traffic and Domain Rating (Ahrefs) — as one self-contained HTML page with ranked charts, a three-month trend, a multi-year overlay and a data table. Use when asked to benchmark a product against competitors, size up a market, answer "how much traffic does X get compared to Y", build a competitive landscape, or produce a traffic/authority comparison deck or page.
Its SKILL.md is about 1.2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 5 other files, including scripts (for example `scripts/build-report.js` and `scripts/fetch-traffic.js`).
It sits in Frontend & Design, covering HTML artifacts. It works with Ahrefs. The repository describes itself as: 77 open-source marketing skills for Claude Code, Codex, and other AI coding agents. SEO, content, email, ads, analytics, and growth. The licence is MIT.
When your agent uses it
- Asked to benchmark a product against competitors
- Size up a market
- Answer how much traffic does X get compared to Y
- Build a competitive landscape
Example prompts
- “how much traffic does X get compared to Y”
- “/competitor-traffic-report”
Requirements
- Node.js
- A credential in AHREFS_API_KEY
- A credential in BRANDDEV_API_KEY
What it can do on your machine
Read from SKILL.md and the folder at commit 28bf209. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships 2 files in scripts/ (JavaScript), which the agent can run.
Shell commands in SKILL.md call:
node
From the folder's file list and the shell code blocks in SKILL.md.
Network
Links to these hosts (documentation or services it may open):
ahrefs.com
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names these keys or tokens, usually read from environment variables:
AHREFS_API_KEYBRANDDEV_API_KEY
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Competitor Traffic Report loads about 1.2k tokens when it runs. Until then it costs about 129 tokens; SKILL.md has 629 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
SKILL.md
The full file from OpenClaudia/openclaudia-skills at commit 28bf209, republished under its MIT licence (© OpenClaudia). 629 words, ~1,240 tokens.
Download SKILL.mdSave it as
.claude/skills/competitor-traffic-report/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.- name
- competitor-traffic-report
- description
- Build an interactive competitive-traffic report for any company and its rivals — monthly visits (SimilarWeb), organic search traffic and Domain Rating (Ahrefs) — as one self-contained HTML page with ranked charts, a three-month trend, a multi-year overlay and a data table. Use when asked to benchmark a product against competitors, size up a market, answer "how much traffic does X get compared to Y", build a competitive landscape, or produce a traffic/authority comparison deck or page.
competitor-traffic-report
Three metrics, three different questions. Do not average them or treat one as a proxy for another:
| Metric | Source | Answers |
|---|---|---|
| Monthly visits | SimilarWeb | total demand, every channel |
| Organic traffic | Ahrefs | how much of it search is producing |
| Domain Rating | Ahrefs | backlink authority — the structural position |
Visits and organic move on a single viral page. DR does not, which is why a gap in DR says more about where a company actually sits than a good traffic month does.
Run
export AHREFS_API_KEY=... # required
export BRANDDEV_API_KEY=... # optional, for logos
S=skills/competitor-traffic-report/scripts
node $S/fetch-traffic.js acme.com rival1.com,rival2.com,rival3.com --out /tmp/data.json
node $S/build-report.js /tmp/data.json "AI presentation tools, ranked" --out /tmp/report.htmlOpen the HTML, or publish it with the Artifact tool. It is self-contained — logos inlined as data URIs, no external requests — so it survives a strict CSP.
The focus domain is coloured orange and ranked in every chart; competitors take a five-step blue ramp ordered by rank, so colour carries magnitude instead of being decoration.
Choosing the competitor set
Whoever asked usually names three or four. Fill the set out to 20–40 before running: a five-company chart cannot show where anyone sits, and the interesting findings (how much of the market one player holds, how many are shrinking) need the tail. Sources for names, cheapest first:
- the client's own "alternatives to X" and comparison pages;
- an
X alternatives/best X toolsSERP, read deep enough to reach the top 100; - Ahrefs
competitors_overviewfor domains ranking on the same keywords.
Drop anything that is not a real peer: a general-purpose giant (Adobe, Google) dominates every chart while competing for none of the same buyers, and its presence compresses everyone else into the bottom decile. Same for a friendly company the requester does not consider a rival — ask.
Subdomains are already counted. SimilarWeb's root-domain figure includes them, so listing both
acme.com and app.acme.com double-counts and buries the real number. (Verified: wikipedia.org
3.53B vs en.wikipedia.org 0.88B.) List the root only.
Constraints worth knowing before the first run
- SimilarWeb rate-limits by IP, roughly 15 calls per window, and the block lasts hours. The
script paces at 15s and still misses on a long list — rerun to fill gaps, or spread a 40-domain
set across two sessions. The
X-Extension-Versionheader is mandatory; a browser User-Agent alone returns 403. - A returned
0means "below SimilarWeb's detection floor", not "no traffic". The template drops those from the charts rather than ranking a live site last. For a domain you own, read Search Console instead. - Ahrefs organic uses
mode=subdomains. Domain mode silently excludes thewww.host, which reads as an empty site for anyone whose canonical iswww.. - The free DR endpoint costs no API units. Organic history does — one row per month per domain.
Show full SKILL.md (202 more words)Show less
Publishing the report
The Ahrefs licence (ahrefs.com/legal/domain-rating-license) grants a royalty-free right to
display and publish DR data provided the attribution Domain Rating by Ahrefs
appears next to it with a live link. The template ships that line; do not remove it. The same
licence prohibits reselling the data or using it to build something that competes with Ahrefs.
Reading the result
The report shows position. The story is usually in a gap between two of the three metrics:
- Organic rank far above visits rank — search is carrying more than its share; paid, social or direct is the thin part.
- DR far above organic — the authority is there and the content is not converting it. This is the most actionable gap, because it is a content problem, not a link-building one.
- DR far below peers at similar traffic — the traffic is bought or borrowed, and it stops the moment spend stops.
- A near-identical name at a fraction of the DR (
brand.appat DR 87 vsbrand.com.aiat 38) is a copycat domain, not a competitor.
State the denominator and the window beside any figure taken from this report. Both sources are modelled estimates, least reliable exactly where it matters most — the small end.
© OpenClaudia, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 3 other files (scripts) in skills/competitor-traffic-report of OpenClaudia/openclaudia-skills.
- SKILL.md
- scripts/build-report.js
- scripts/fetch-traffic.js
- templates/report.html
Open the folder on GitHubat commit 28bf209
Compare with similar skills
Competitor Traffic Report next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Competitor Traffic Report this skillOpenClaudia/openclaudia-skills | 713 | — | ~1.2k | Automated safety check: Pass | MIT | |
| LobeHub Interactive Prototypelobehub/lobehub | 83k | — | ~1.6k | Automated safety check: Pass | Custom licence | |
| Paperclip Pagepaperclipai/paperclip | 99k | — | ~1k | Automated safety check: Pass | MIT | |
| Openkb Deck NeonVectifyAI/OpenKB | 4.8k | 1 repos | ~4.3k | Automated safety check: Pass | Apache-2.0 | |
| Webhome Homepage Builderwebhtv/webhtv | 1.7k | — | ~3.8k | Automated safety check: Pass | GPL-3.0 | |
| Solo Artifactssolo-agent/solo | 698 | — | ~961 | Automated safety check: Pass | MIT |
Similar skills
Paperclip Page
paperclipai/paperclip
Publish static HTML pages and asset folders to the Paperclip S3/CloudFront page host.
Openkb Deck Neon
VectifyAI/OpenKB
A skill your agent uses when the user asks the openkb chat to make a deck / slide presentation / PPT / slides / 演示稿 / 幻灯片 from their compiled KB content AND wants a dark, high-tech, neon / glow /…
Webhome Homepage Builder
webhtv/webhtv
Build, review, debug, reverse-engineer data sources for, and package FongMi/WebHome custom homepage single-file HTML.
Solo Artifacts
solo-agent/solo
A skill your agent uses when a Solo task or thread should become an interactive, reviewable, self-contained HTML artifact for progress/status, review/decision, or comparison/leaderboard work inside…
HTML
plannotator/effective-html
Create or redesign self-contained single-file HTML artifacts with a visual direction shaped by the user's brief, project, and subject.
More from OpenClaudia/openclaudia-skills
All 74 skills in this repoGeo Difficulty
OpenClaudia/openclaudia-skills
Score how hard a keyword is to rank for in the AI-search era — page-level URL Rating of real competitors (not just domain DR), Ahrefs keyword difficulty, and whether a given site already ranks or is…
Gsc Portfolio Audit
OpenClaudia/openclaudia-skills
Audit EVERY Google Search Console property at once — rank all sites by clicks and impressions with period-over-period deltas, then diff keywords per site to surface what is newly ranking, rising…
Similarweb Traffic
OpenClaudia/openclaudia-skills
Fetch website traffic estimates (monthly visits, traffic sources, top countries, keywords, engagement, ranks) for any domain from SimilarWeb.
Ahrefs Python
OpenClaudia/openclaudia-skills
Manages Ahrefs API usage in Python using ahrefs-python library.
Ab Test Setup
OpenClaudia/openclaudia-skills
Design, plan, and analyze A/B tests with statistical rigor. An agent skill from OpenClaudia/openclaudia-skills.
Affiliate Marketing
OpenClaudia/openclaudia-skills
Build and manage an affiliate marketing program. An agent skill from OpenClaudia/openclaudia-skills.
Related
Works with
Categories
Questions about Competitor Traffic Report
What does Competitor Traffic Report do?
Build an interactive competitive-traffic report for any company and its rivals — monthly visits (SimilarWeb), organic search traffic and Domain Rating (Ahrefs) — as one self-contained HTML page with…. Competitor Traffic Report is an agent skill from OpenClaudia/openclaudia-skills. Build an interactive competitive-traffic report for any company and its rivals — monthly visits (SimilarWeb), organic search traffic and Domain Rating (Ahrefs) — as one self-contained HTML page with ranked charts, a three-month trend, a multi-year overlay and a data table.
When should I use Competitor Traffic Report?
Competitor Traffic Report fits situations like: asked to benchmark a product against competitors; size up a market; answer how much traffic does X get compared to Y; build a competitive landscape.
How do I install Competitor Traffic Report in Claude Code?
Run `npx skills add OpenClaudia/openclaudia-skills --skill competitor-traffic-report -a claude-code`. Or copy the skill folder (skills/competitor-traffic-report in OpenClaudia/openclaudia-skills) into .claude/skills/competitor-traffic-report in your project. Claude Code loads it when a task matches its description.
How do I install Competitor Traffic Report in Codex?
Run `npx skills add OpenClaudia/openclaudia-skills --skill competitor-traffic-report -a codex`. Or copy the skill folder (skills/competitor-traffic-report in OpenClaudia/openclaudia-skills) into .agents/skills/competitor-traffic-report in your project. Codex loads it when a task matches its description.
Can I use Competitor Traffic Report in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add OpenClaudia/openclaudia-skills --skill competitor-traffic-report -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/competitor-traffic-report, .gemini/skills/competitor-traffic-report, .github/skills/competitor-traffic-report and .opencode/skills/competitor-traffic-report in your project.
What does Competitor Traffic Report need to run?
Going by SKILL.md and its folder, Competitor Traffic Report needs JavaScript for the scripts in its folder, the command-line tools its instructions call (node) and credentials named AHREFS_API_KEY and BRANDDEV_API_KEY. Our summary lists: Node.js; A credential in AHREFS_API_KEY; A credential in BRANDDEV_API_KEY.
Does Competitor Traffic Report access the network?
SKILL.md names 1 domain. As links in the text: ahrefs.com. This is read from the text; nothing was executed.
Is Competitor Traffic Report safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does Competitor Traffic Report use?
Competitor Traffic Report is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Competitor Traffic Report use?
About 1.2k tokens (SKILL.md is roughly 5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Competitor Traffic Report?
Skills that share tags, products or a category with Competitor Traffic Report: LobeHub Interactive Prototype (lobehub/lobehub, 83k stars), Paperclip Page (paperclipai/paperclip, 99k stars), Openkb Deck Neon (VectifyAI/OpenKB, 4.8k stars) and Webhome Homepage Builder (webhtv/webhtv, 1.7k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Competitor Traffic Report?
OpenClaudia (a GitHub organization) maintains it in OpenClaudia/openclaudia-skills, which has 713 GitHub stars. The repository holds 74 skills in this directory. The repository was last updated on September 18, 2026.
Source: OpenClaudia/openclaudia-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.