تشغيل أي مهارة في Manus بنقرة واحدة

nexus-extension-dev

النجوم٦

التفرعات٠

آخر تحديث١ مارس ٢٠٢٦ في ٢١:١٨

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.

التثبيت

التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.

تشغيل في Manus

المصدر

MAX-786

MAX-786/project-nexus

فتح مستودع GitHub عرض مستودعات المنشئ

تنزيل

تشغيل في Manus

المهن ذات الصلةSOC

استنادا إلى تصنيف SOC المهني

مطوّرو البرمجياتمهن الحاسوب والرياضيات·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.

المزيد من هذا المستودع

نفس المستودع

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.