사용 방법
- 설치 명령을 복사하고 자신의 에이전트 환경에 설치하기 전에 소스 패키지를 확인하세요.
- 필요한 도구, 인증 정보, 지원 환경은 원본 문서에서 확인하세요.
- 입력과 원하는 산출물을 설명하고 출처와 결과를 대조하세요.
npx skills add https://github.com/quasarframework/agent-skills --skill quasar-bex-development시작 전 확인
- 설치에는 모델 구독, API 한도, 파일 접근 권한이 포함되지 않습니다.
- 별점 수와 설치 수는 활동 지표이며 독립적인 품질·보안 검증이 아닙니다.
원본 Skill 문서
원본 저장소의 제목, 예시, 코드, 표, 링크, 이미지를 유지해 표시합니다.
Quasar Browser Extension Development
Use this skill with quasar-development for shared UI and application concerns.
Map extension contexts
- Inspect
quasar.config.* > bex,src-bex/manifest.json, background scripts, content scripts, injected scripts, popup/options pages, and bridge usage. - Read the current Quasar BEX documentation and target-browser extension documentation.
- Add the mode with
quasar mode add bex. - Identify each execution context and its available APIs before changing code.
Minimize privilege and trust
- Request only required permissions, host permissions, and web-accessible resources.
- Treat page DOM, page messages, storage, tabs, and external messages as untrusted input.
- Validate message origin, shape, channel, and response before privileged actions.
- Use the BEX bridge for supported cross-context communication; handle teardown and navigation cleanly.
- Keep privileged APIs in the background context and expose narrow operations to content/UI contexts.
- Respect Manifest V3 service-worker suspension: persist required state and do not rely on long-lived globals.
- Avoid remote code and dynamic execution that violate browser store policies or CSP.
- Account for API and manifest differences between Chrome-family browsers and Firefox.
Validate in target browsers
- Run
quasar dev -m bex -T chromeor the supported target and load the development extension. - Test installation, update, browser restart, tab navigation, service-worker restart, and permission denial/removal.
- Test every content-script match pattern against intended and unintended pages.
- Build with
quasar build -m bex -T <target>and inspect the emitted manifest and package contents. - Run tests, typecheck, lint, formatting, and store-policy checks for each supported browser.
