chrome-extension

chrome-extension is a skill for Claude Code, Codex from inbharatai/claude-skills. It costs 28 tokens per session (395 once invoked), scanned A, original, MIT.

A guide for building browser extensions for Chrome and Edge. It covers the extension files, background processes, page scripts, pop-up screens, and browser APIs involved.

In plain words
What is it for?
Use it to build Manifest V3 extensions, content scripts, service workers, pop-up interfaces, and Chrome API integrations.
Why use it?
It gives development tasks a structure for handling the different parts of a browser extension.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one. Also seen: mentions Claude Code.

Good fit Use it to build Manifest V3 extensions, content scripts, service workers, pop-up interfaces, and Chrome API integrations.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/inbharatai/claude-skills/chrome-extension
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 inbharatai/claude-skills --skill chrome-extension
Clone the repo
git clone --depth 1 https://github.com/inbharatai/claude-skills

Made for: Claude Code, Codex.

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 chrome-extension

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

Your own site · 80×15
<a href="https://agentmods.dev/skills/inbharatai/claude-skills/chrome-extension"><img src="https://agentmods.dev/badge/skills/inbharatai/claude-skills/chrome-extension.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 28 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 395 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.
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.00028 $0.00395
Opus 5 $0.00014 $0.00198
Sonnet 5 $0.00006 $0.00079
Haiku 4.5 $0.00003 $0.00040

Measured 11d ago against content hash 2216f2fb791c, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-11, from the pricing page.

Security

Grade A, and why

chrome-extension 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.

skills/chrome-extension/SKILL.md · 68 lines

What it actually says

Chrome Extension

Overview

Build Chrome/Edge extensions — manifest v3, content scripts, service workers, popup UIs, and Chrome API integrations.

When to Use This Skill

Use Chrome Extension when you need to:

  • Work with chrome extension tasks in your project or workflow
  • Automate chrome extension operations at scale
  • Generate production-quality chrome extension output quickly

Instructions

When this skill is active, Claude will:

  1. Understand the full context of your chrome extension request
  2. Apply best practices and conventions for Development
  3. Produce clean, well-structured, production-ready output
  4. Explain key decisions and offer alternatives where relevant

Examples

Example 1 — Basic Usage

User: Help me get started with chrome extension.

Claude: I'll walk you through the essential steps for chrome extension in your context...

Example 2 — Advanced Usage

User: I need a production-ready chrome extension setup with full error handling.

Claude: Here's a complete, production-hardened chrome extension implementation...

Guidelines

  • Always validate inputs before processing
  • Follow the conventions of the target platform or language
  • Prefer explicit over implicit — clarity beats cleverness
  • Include comments for non-obvious logic
  • Suggest tests or validation steps where appropriate

Dependencies

Required: javascript, manifest-v3

Platforms

Available on: claude-code, api


Part of the claude-skills collection — 183+ skills for Claude.

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. 11d ago First seen · 68 lines · 28 tokens per session scan A 2216f2fb791c

Subscribe to this mod's changes

chrome-extension is a skill published in the GitHub repository inbharatai/claude-skills (33 stars, last pushed 6mo ago), licensed MIT. It adds 28 tokens to every session and 395 once invoked, about $0.0001 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-30.

Related

Other skills, from other repositories

senior-dev

Activates the SeniorDev agent for full-stack software engineering. Use this skill when you need production-ready code: Next.js 14 frontends, FastAPI backends, TypeScript strict-mode components, PostgreSQL schemas, Redis caching, authentication flows, or complete REST/GraphQL APIs. SeniorDev always outputs complete…

vignesh2027/Claude-Agentic-Skills2.0-version · 86 tokens

frontend-component

Create React/Vue component with TypeScript, tests, and styles. Auto-invoke when user says "create component", "add component", "new component", or "build component".

alekspetrov/navigator · 40 tokens

frontend-test

Generate frontend component tests (React Testing Library, Vue Test Utils, snapshot) for existing components. Auto-invoke when user says "test this component", "write component test", or "add component test".

alekspetrov/navigator · 44 tokens

browser

Use this skill when the user says browser, /browser, test in Chrome, inspect a webpage, verify a localhost app, capture screenshots, check console/network errors, run browser QA, or automate browser flows with the Mochi browser MCP.

DevZonayed/Mochi · 50 tokens

framer-motion

Expert guidance for Motion (Framer Motion) animations - variants, gestures, layout animations, AnimatePresence, scroll triggers, and performance optimization.

medy-gribkov/arcana · 31 tokens

i18n-localization

Internationalization and localization for web applications. Handles next-intl, react-intl, ICU MessageFormat, RTL layouts, and dynamic locale loading.

medy-gribkov/arcana · 35 tokens