Chrome Extension Ui

This is a comprehensive ruleset for building Chrome extension UIs that actually work well. It covers 42 rules across component selection, accessibility, popups, side panels, content scripts, and feedback patterns, all organized by priority so you know what matters most. The source material is solid on the fundamentals like when to use a popup versus a side panel, why Shadow DOM matters for content script injection, and how to handle the annoying popup auto-close behavior. What I appreciate is the focus on accessibility and keyboard navigation as critical priorities rather than afterthoughts. If you're building any kind of Chrome extension interface or reviewing extension code, this gives you a structured checklist based on Manifest V3 best practices.

Install to Claude Code

npx -y skills add pproenca/dot-skills --skill chrome-extension-ui --agent claude-code