Guide one-axis scrolling in UI layouts for panels, tables, and modals.
npx skills add https://github.com/yonetim258852/ozgur-os --skill scroll-areas
Please help me install this Agent Skill. Skill: scroll-areas Source: https://github.com/yonetim258852/ozgur-os/tree/main/.claude/skills/scroll-areas Command: npx skills add https://github.com/yonetim258852/ozgur-os --skill scroll-areas
Scroll containers inside a layout — panels, drawers, tables, and modals with inner overflow — create friction. Users must discover that a region scrolls, manage multiple independent scroll positions simultaneously, and context-switch between scroll areas on the same screen.
Identify a layout with potential inner scroll and refactor it to ensure single-axis scrolling.
High-intent search queries and answers about installing and using this skill.
Fix inner scroll friction by restructuring the UI layout so the page handles overflow instead of relying on internal scrolls for panels, tables, and modals. This preserves page-level scrolling and eliminates the need to manage multiple independent scroll positions simultaneously.
The one-axis scrolling rule enforces a single scroll axis when inner overflow is unavoidable. Applying this to panels and modals limits inner overflow and prevents users from context-switching between simultaneous scroll areas on the same screen.
Stop unwanted auto-scrolling in data tables and drawers by enforcing user-controlled scrolling with explicit visible affordances. This ensures no auto-scrolling occurs and users always discover that a region scrolls and control it manually.
Use inner scroll areas only when restructuring the layout to handle overflow at the page level is impossible. If inner scroll is necessary, validate the layout against the one-axis rule to limit overflow and preserve page-level scrolling where possible.
Handle overflow without multiple scrollbars by refactoring the layout to ensure single-axis scrolling. Guiding the application of one-axis scrolling and validating against the one-axis rule limits inner overflow and preserves page-level scrolling.
dembrandtReview interface layouts for nested scrolling and overflow behavior.
TumeloRamaphosaImplement smooth scrolling with parallax and GSAP ScrollTrigger integration.
kobogithubAutomate responsive design testing by resizing browser viewports and capturing screenshots.
brahiamsinhoDiagnose and resolve common Flutter layout and runtime errors.
