chrome-extension-ui

v2026.09.24

Chrome Extensions UX/UI design and implementation guidelines for popups, side panels, content scripts, and options pages. Triggers on tasks involving browser extension UI, manifest v3, chrome APIs.

GitHub
Install command
npx skhub add pproenca/chrome-extension-ui
Markdown
SKILL.md

Chrome Extensions UX/UI Best Practices

Comprehensive UX/UI design guide for Chrome Extensions, optimized for Manifest V3. Contains 42 rules across 8 categories, prioritized by impact to guide extension UI development and code review.

When to Apply

Reference these guidelines when:

  • Building new Chrome extension user interfaces
  • Choosing between popup, side panel, or content script UI
  • Implementing accessible, keyboard-navigable interfaces
  • Designing loading states, error handling, and feedback patterns
  • Creating options pages and settings persistence

Rule Categories by Priority

PriorityCategoryImpactPrefix
1Component SelectionCRITICALcomp-
2Accessibility & NavigationCRITICALaccess-
3Popup DesignHIGHpopup-
4Side Panel UXHIGHpanel-
5Content Script UIMEDIUM-HIGHinject-
6Visual FeedbackMEDIUMfeedback-
7Options & SettingsMEDIUMoptions-
8Icons & BrandingLOW-MEDIUMbrand-

Quick Reference

1. Component Selection (CRITICAL)

2. Accessibility & Navigation (CRITICAL)

3. Popup Design (HIGH)

4. Side Panel UX (HIGH)

5. Content Script UI (MEDIUM-HIGH)

6. Visual Feedback (MEDIUM)

7. Options & Settings (MEDIUM)

8. Icons & Branding (LOW-MEDIUM)

How to Use

Read individual reference files for detailed explanations and code examples:

Reference Files

FileDescription
references/_sections.mdCategory definitions and ordering
assets/templates/_template.mdTemplate for new rules
metadata.jsonVersion and reference information
Discovery
Tags

No tags published for this skill.

Version
Latest version metadata

Version

v2026.09.24

Published

Sep 24, 2026

Category

Uncategorized

License

MIT

Source path

skills/.experimental/chrome-extension-ui

Default branch

master

Latest commit

cf93c57

Tree SHA

afbb575