.claude/skills/dialogs/SKILL.md
Pattern for making popup modal dialogs
npx skillsauth add clay-ferguson/mkbrowser dialogsInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
The example you should follow is the dialog we already have in file src/components/ConfirmDialog.tsx. That Confirm dialog is only the general idea, and of course the contentent inside different dialogs will vary.
tools
```skill --- name: popup-menus description: Pattern for creating popup menus anchored to icon buttons --- # Instructions ## Overview Popup menus are icon-triggered dropdown menus that appear over the page content, anchored below the button the user clicked. They automatically adjust position to avoid being clipped by viewport edges. Clicking a menu item fires a callback and dismisses the menu. Clicking outside or pressing Escape also dismisses it. ## Architecture: Two Layers ### 1. Base Com
testing
Pattern for writing Playwright E2E tests that capture screenshots and narration for GIF/MP4 generation
tools
Pattern for application pages
tools
Use when work should span one or more detached tasks but still behave like one job with a single owner context. TaskFlow is the durable flow substrate under authoring layers like Lobster, ACPX, plugins, or plain code. Keep conditional logic in the caller; use TaskFlow for flow identity, child-task linkage, waiting state, revision-checked mutations, and user-facing emergence.