Community寫作與編輯github.com

mindrally/chrome-extension-development

專家級的 Chrome 擴充功能開發指南,涵蓋 Manifest V3 的安全性、效能及最佳實務。適用於建構瀏覽器擴充功能、建立彈出式 UI、實作內容腳本、操作 Chrome API、管理擴充功能權限,或發佈至 Chrome 線上應用程式商店。

chrome-extension-development 是什麼?

這個技能提供了一套完整且權威的 Chrome 擴充功能開發指南,專注於最新的 Manifest V3 標準。它不僅說明了安全性和效能的最佳實踐,也深入探討了諸如彈出式 UI 設計、內容腳本撰寫、Chrome API 的使用以及權限管理等關鍵主題。無論您是初次開發擴充功能,還是準備將產品發佈到 Chrome 線上應用程式商店,這個技能都能提供清晰的指引。此技能適用於 Claude Code、Codex 等 AI 編碼代理,可確保開發出的擴充功能遵循現代瀏覽器擴充功能生態的最佳慣例,並兼顧安全性與使用者體驗。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/mindrally/skills/tree/main/skills/chrome-extension-development

Installed? Explore more 寫作與編輯 skills: steipete/notion, langchain-ai/langchain, bytedance/podcast-generation · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

chrome-extension-development 是做什麼的?

專家級的 Chrome 擴充功能開發指南,涵蓋 Manifest V3 的安全性、效能及最佳實務。適用於建構瀏覽器擴充功能、建立彈出式 UI、實作內容腳本、操作 Chrome API、管理擴充功能權限,或發佈至 Chrome 線上應用程式商店。

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

mindrally/accessibility-a11y

Implement web accessibility (a11y) best practices following WCAG guidelines to create inclusive, accessible user interfaces.

mindrally/computer-vision-opencv

Expert guidance for computer vision development using OpenCV, PyTorch, and modern deep learning techniques for image and video processing.

mindrally/data-analysis-jupyter

Expert guidance for data analysis, visualization, and Jupyter Notebook development with pandas, matplotlib, seaborn, and numpy.

mindrally/deep-learning-pytorch

Expert guidance for deep learning, transformers, diffusion models, and LLM development with PyTorch, Transformers, Diffusers, and Gradio.

mindrally/expo-react-native-typescript

Expert in Expo React Native TypeScript mobile development with best practices

mindrally/fastapi-python

Expert in FastAPI Python development with best practices for APIs and async operations

mindrally/framer-motion

Expert guidelines for building performant animations with Framer Motion/Motion library in React applications

mindrally/htmx

HTMX development guidelines for building dynamic web applications with minimal JavaScript using HTML attributes.

mindrally/jwt-security

Guidelines for implementing JWT authentication with security best practices for token creation, validation, and storage

mindrally/machine-learning

Machine learning development with JAX, functional programming patterns, and high-performance computing.

mindrally/mysql-best-practices

MySQL development best practices for schema design, query optimization, and database administration

mindrally/nextjs-react-typescript

Expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind

mindrally/nextjs-typescript-tailwindcss-supabase

Full-stack Next.js 14 development with TypeScript, TailwindCSS, and Supabase for building production-ready web applications.

mindrally/odoo-development

Expert guidance for Odoo ERP development including Python ORM, XML views, and module architecture

mindrally/puppeteer-automation

Expert guidance for browser automation using Puppeteer with best practices for web scraping, testing, screenshot capture, and JavaScript execution in headless Chrome.

mindrally/redis-best-practices

Redis development best practices for caching, data structures, and high-performance key-value operations

mindrally/scrapy-web-scraping

Expert guidance for building web scrapers and crawlers using the Scrapy Python framework with best practices for spider development, data extraction, and pipeline management.

mindrally/scss-best-practices

SCSS/Sassy CSS best practices and coding guidelines for maintainable, scalable stylesheets

mindrally/typeorm

Guidelines for developing with TypeORM, a full-featured ORM for TypeScript and JavaScript supporting multiple databases

mindrally/web-scraping

Expert in web scraping and data extraction with Python tools

相關技能