# Browser Extensions

> Guidelines for creating browser extensions for Chrome, Firefox, Edge, and other browsers...

- Skill: `newkub/browser-extensions` (Agent Skill, multi-file: 13 files)
- Install (CLI): `npx skillmds@latest add newkub/browser-extensions`
- Raw SKILL.md: https://api.skillmd.com/api/skills/newkub/browser-extensions/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: newkub (https://skillmd.com/u/newkub)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/newkub/browser-extensions

---

## Goal

สร้าง browser extensions สำหรับ Chrome, Firefox, Edge และ browsers อื่นๆ ตาม Manifest V3 standard


## Scope

ใช้สำหรับการสร้าง extensions ที่ modify web pages, add functionality, integrate กับ web services และ automate browser tasks


## Execute

### 1. Create Project

ใช้ `WXT` หรือ scaffolding tools

### 2. Configure Manifest

ตั้งค่า `manifest.json` ตาม Manifest V3

### 3. Implement Features

- Background scripts
- Content scripts
- Popup UI

### 4. Test

Test บน browsers ที่ต้องการ support


## Rules

### Manifest V3

- ใช้ Manifest V3 standard
- ใช้ service workers แทน background pages
- Configure permissions อย่างเหมาะสม

### Security

- ไม่ hardcode API keys
- ใช้ content security policy
- Validate user inputs

### Best Practices

- ใช้ TypeScript สำหรับ type safety
- Test บนหลาย browsers
- Follow browser extension guidelines


## References

- [Chrome Extensions Docs](https://developer.chrome.com/docs/extensions)
- [Firefox Add-ons Docs](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons)
- [MDN Web Extensions](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions)
- [Chrome Web Store](https://chrome.google.com/webstore)
- [Firefox Add-ons](https://addons.mozilla.org)


## Expected Outcome

- Browser extensions ที่ compatible กับ multiple browsers
- Code ที่ follow Manifest V3 standard
- Security ที่เหมาะสม