Modals, drawers, bottom sheets and popovers, each with its scope and blocking level. Use when designing dialogs, confirmations, side panels or action sheets.
Install
npx skills add dembrandt/dembrandt-skills --skill modal-and-overlay-patternsnpx skills add dembrandt/dembrandt-skills --skill modal-and-overlay-patterns -a claude-code -gnpx skills add dembrandt/dembrandt-skills --skill modal-and-overlay-patterns -a codex -ggemini skills install https://github.com/dembrandt/dembrandt-skills.git --path skills/modal-and-overlay-patternsgh skill install dembrandt/dembrandt-skills modal-and-overlay-patternsgit clone --depth 1 https://github.com/dembrandt/dembrandt-skills /tmp/dembrandt__dembrandt-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/dembrandt__dembrandt-skills/skills/modal-and-overlay-patterns ~/.claude/skills/modal-and-overlay-patterns # Claude Code
cp -R /tmp/dembrandt__dembrandt-skills/skills/modal-and-overlay-patterns ~/.agents/skills/modal-and-overlay-patterns # Codex, Cursor, Gemini CLI, Copilot, OpenCode