Build your own Chrome extension with a step by step guide. This skill covers everything from the manifest.json file to publishing on the Chrome Web Store. It works with the latest version called Manifest V3.
You learn about the five main parts of an extension. These include the service worker, content scripts, popup, options page, and side panel. Each part has its own job and they talk to each other using messages.
This guide helps both beginners and experienced developers. It explains how to add features, fix common mistakes, and handle tricky tasks like working with network requests or injecting scripts into web pages.
Global
mkdir -p ~/.claude/skills/chrome-extensionProject
mkdir -p .claude/skills/chrome-extensionSource Repository
Frontend Designanthropics/skills
Create striking frontend interfaces with bold design and polished code every time
Vercel React Best Practicesvercel-labs/agent-skills
Optimize React and Next.js apps using proven Vercel performance guidelines
Vercel Composition Patternsvercel-labs/agent-skills
Clean React components with composition instead of boolean props
Shadcnshadcn/ui
Manage shadcn UI components easily with CLI commands and clear styling rules
Design Taste Frontendleonxlnx/taste-skill
Enforce premium frontend design with metric-based rules and smart component architecture
Impeccablepbakaus/impeccable
Polish your frontend interfaces with expert design critique and code
Minimalist Uileonxlnx/taste-skill
Build warm minimal web interfaces with editorial typography and flat bento grids
Industrial Brutalist Uileonxlnx/taste-skill
Raw mechanical UIs fusing Swiss print with military terminal aesthetics and high data density