chrome-extension-dev이란?
Chrome/브라우저 확장 프로그램 개발에 대한 종합 가이드입니다. WXT 프레임워크, Manifest V3, Chrome API 및 테스트 방법을 다룹니다. 사용 시기: 브라우저 확장 생성 또는 수정. '브라우저 확장', 'Chrome 확장', 'WXT', '콘텐츠 스크립트', '서비스 워커'에서 트리거됩니다. 출처: aktsmm/agent-skills.
·chrome-extension-dev
</>
chrome-extension-dev
✓Chrome/브라우저 확장 프로그램 개발에 대한 종합 가이드입니다. WXT 프레임워크, Manifest V3, Chrome API 및 테스트 방법을 다룹니다. 사용 시기: 브라우저 확장 생성 또는 수정. '브라우저 확장', 'Chrome 확장', 'WXT', '콘텐츠 스크립트', '서비스 워커'에서 트리거됩니다.
chrome-extension-dev 설치 방법
명령줄에서 chrome-extension-dev AI 스킬을 개발 환경에 빠르게 설치
- 터미널 열기: 터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다
- 설치 명령어 실행: 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/aktsmm/agent-skills --skill chrome-extension-dev
- 설치 확인: 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
출처: aktsmm/agent-skills.
SKILL.md
원본 보기| フレームワーク | WXT (Vite ベース) | | フロントエンド | React 18+ / Vue 3 / Svelte | | 言語 | TypeScript | | スタイリング | Tailwind CSS | | UIコンポーネント | shadcn/ui / Mantine | | 状態管理 | Zustand / Jotai | | テスト | Vitest (ユニット) + Playwright (E2E) |
| chrome.tabs | タブ操作 | tabs / activeTab | | chrome.storage | データ永続化 | storage | | chrome.runtime | メッセージング | なし | | chrome.scripting | スクリプト/CSS注入 | scripting + host権限 | | chrome.cookies | Cookie操作 | cookies + host権限 | | chrome.offscreen | DOM操作（SW内） | offscreen |
| 30秒タイムアウト | chrome.alarms でウェイクアップ | | DOMアクセス不可 | chrome.offscreen を使用 | | 永続化なし | chrome.storage.session を使用 | | eval()禁止 | 事前にバンドル | | リモートコード禁止 | 全コードをバンドル |
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/aktsmm/agent-skills --skill chrome-extension-dev- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-22
- 업데이트
- 2026-03-10
빠른 답변
chrome-extension-dev 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/aktsmm/agent-skills --skill chrome-extension-dev 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/aktsmm/agent-skills
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-22