Jeden Skill in Manus ausführen
mit einem Klick

Jeden Skill in Manus mit einem Klick ausführen

nexus-extension-dev

Sterne6

Forks0

Aktualisiert1. März 2026 um 21:18

Guidelines for developing the Plasmo browser extension for Project Nexus, including DOM extraction, background workers, and local storage. Use this when writing background scripts, content scripts, or extension UI.

Installation

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

In Manus ausführen

Quelle

MAX-786

MAX-786/project-nexus

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

SoftwareentwicklerInformatik- und Mathematikberufe·SOC 15-1252

SKILL.md

readonly

name	nexus-extension-dev
description	Guidelines for developing the Plasmo browser extension for Project Nexus, including DOM extraction, background workers, and local storage. Use this when writing background scripts, content scripts, or extension UI.

Plasmo Extension Guidelines

Extension Architecture

Framework: Use the Plasmo framework (plasmo.com).
Content Scripts (content.tsx): Used strictly for injecting UI into the current webpage (e.g., the floating "Capture" button) and extracting text from the DOM.
Background Scripts (background.ts): Used for handling heavy logic, routing, and Vercel AI SDK calls.
Popup/Options: Use React and TailwindCSS for the extension popup UI.

Data Extraction Rules

Clean Text: When scraping a page, do not grab the raw HTML. Extract innerText from the <article>, <main>, or <body> tags. Remove navigation bars and footers to save LLM context window tokens.
YouTube Transcripts: If window.location.hostname includes "youtube.com", attempt to parse the transcript data natively or prompt the user to open the transcript panel.

Security & Storage

Use @plasmohq/storage to save and retrieve the user's BYOK API keys securely.
Ensure proper Content Security Policies (CSP) are configured in the Plasmo manifest to allow outward API calls to LLM providers.

Mehr aus diesem Repository

gleiches Repository

nexus-docs-manager

MAX-786/project-nexus

Rules for creating, updating, and managing project documentation. Use this skill when analyzing Git commits, updating the README, writing API specs, or acting as the Technical Writer for Project Nexus.

2026-03-096

nexus-github-cli

MAX-786/project-nexus

Act as an autonomous project manager and lead developer. Use the GitHub CLI (`gh`) to orchestrate the entire development lifecycle: tracking tasks on Project Boards, organizing Sprints via Milestones, documenting progress via Issue Comments, and executing code changes via Pull Requests.

2026-03-046

nexus-code-quality

MAX-786/project-nexus

Rules for ESLint, Prettier, and TypeScript strictness. Use this skill when writing new files, refactoring code, or debugging build failures caused by type errors.

2026-03-046

nexus-deployments

MAX-786/project-nexus

Deployment protocols for Vercel (Next.js Web App), Chrome Web Store packaging (Plasmo Extension), and Supabase production migrations. Use this when setting up CI/CD, preparing a release, or configuring deployment environment variables.

2026-03-046

nexus-git-workflow

MAX-786/project-nexus

Guidelines for Git branching, commit messages (Conventional Commits), and Pull Request structures. Use this skill when asked to commit code, create a branch, or write a PR description.

2026-03-046

nexus-marketing-growth

MAX-786/project-nexus

Guidelines for generating marketing copy, Reddit posts, Hacker News launches, and growth strategies for Project Nexus. Use this skill when asked to write public-facing content, launch announcements, or analyze product-market fit.

2026-03-026

name	nexus-extension-dev
description	Guidelines for developing the Plasmo browser extension for Project Nexus, including DOM extraction, background workers, and local storage. Use this when writing background scripts, content scripts, or extension UI.

Plasmo Extension Guidelines

Extension Architecture

Framework: Use the Plasmo framework (plasmo.com).
Content Scripts (content.tsx): Used strictly for injecting UI into the current webpage (e.g., the floating "Capture" button) and extracting text from the DOM.
Background Scripts (background.ts): Used for handling heavy logic, routing, and Vercel AI SDK calls.
Popup/Options: Use React and TailwindCSS for the extension popup UI.

Data Extraction Rules

Clean Text: When scraping a page, do not grab the raw HTML. Extract innerText from the <article>, <main>, or <body> tags. Remove navigation bars and footers to save LLM context window tokens.
YouTube Transcripts: If window.location.hostname includes "youtube.com", attempt to parse the transcript data natively or prompt the user to open the transcript panel.

Security & Storage

Use @plasmohq/storage to save and retrieve the user's BYOK API keys securely.
Ensure proper Content Security Policies (CSP) are configured in the Plasmo manifest to allow outward API calls to LLM providers.