browser-extension

Manage manifest.json and extract web-page metadata for browser extension development.

Updated Sep 21, 2025
One-click install
npx skills add https://github.com/hmjn023/solid-imager --skill browser-extension-hmjn023
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: browser-extension
Source: https://github.com/hmjn023/solid-imager/tree/main/.opencode/skills/browser-extension
Command: npx skills add https://github.com/hmjn023/solid-imager --skill browser-extension-hmjn023

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Efficient browser-extension development requires a dedicated, isolated workspace for managing the extension's codebase, manifest.json, and the web-page metadata extraction logic. This skill provides a focused environment to develop, test, and iterate on the xtracter extension without affecting the main project.

Core Features & Use Cases

  • Centralized workflow for editing the xtracter extension, including manifest.json management and updates to background scripts, content scripts, and popup UI.
  • Integrated web-page metadata extraction to enable consistent data capture and indexing during development and testing.
  • Clear separation from the main project to prevent cross-project dependencies and ensure safe, reproducible builds.

Quick Start

Edit and test the xtracter browser extension in the xtracter/ directory, updating scripts and manifest handling to reflect changes.

Frequently Asked Questions about browser-extension

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I manage manifest.json and update browser extension scripts in an isolated workspace?

To manage browser extension development, use a centralized workflow that handles manifest.json updates alongside background scripts, content scripts, and popup UI modifications within an isolated xtracter/ directory to ensure safe, reproducible builds.

What is the best way to extract web-page metadata during browser extension development?

Web-page metadata extraction during extension development is handled by integrated content scripts that enable consistent data capture and indexing for testing within the xtracter directory, preventing cross-project dependencies.

Can I develop and test browser extension background scripts and popup UI without affecting my main project?

You can safely develop and test background scripts and popup UI by utilizing a focused, self-contained environment that provides clear separation from the main project, preventing cross-project dependencies and ensuring reproducible builds.

Does browser extension development require a dedicated directory for manifest management and metadata extraction logic?

Browser extension development requires a dedicated, isolated workspace like the xtracter/ directory to centralize manifest management and metadata extraction logic, which keeps the extension codebase separate and safe from the main project.

Why separate browser extension code from the main project during build and test workflows?

Separating browser extension code from the main project during build and test workflows prevents cross-project dependencies, ensuring that manifest updates and metadata extraction logic remain self-contained and reproducible.

How do I iterate on a browser extension's content scripts and popup UI efficiently?

Iterate on content scripts and popup UI efficiently by editing and testing within the xtracter/ directory, updating scripts and manifest handling to reflect changes while maintaining a self-contained skill unit.