Define UI density guidelines for platforms, user types, and layouts.
npx skills add https://github.com/yonetim258852/ozgur-os --skill ui-density-yonetim258852
Please help me install this Agent Skill. Skill: ui-density Source: https://github.com/yonetim258852/ozgur-os/tree/main/.claude/skills/ui-density Command: npx skills add https://github.com/yonetim258852/ozgur-os --skill ui-density-yonetim258852
Density guidelines help product teams decide how much information and how many interactive elements should appear in an interface, ensuring consistency with the platform and user type.
Apply the density guidance to your current dashboard layout to balance information density for desktop users.
High-intent search queries and answers about installing and using this skill.
Balancing UI density requires applying platform-specific defaults for desktop and mobile to optimize readability and interaction targets. You can use density tokens and user-type mapping to govern spacing, padding, and visual weight across responsive layouts.
Adjust layout density when accommodating power users, general users, and first-time users. User-type mapping adapts information load and interactive elements to match familiarity, ensuring dashboards remain clear for beginners while providing detail for experts.
Manage spacing and visual weight in a responsive design system by applying density tokens. These practical patterns govern padding and visual distribution across components, ensuring consistent information load across desktop, tablet, and mobile platforms.
Apply density guidelines to data tables or card layouts to balance detail with clarity. Use the provided review checklist to guide implementation, ensuring feature count and spacing align with platform defaults and user requirements.
A single density pattern is not optimal for both desktop dashboards and mobile apps. Platform-specific density defaults are required to optimize readability and interaction targets, adapting feature count and spacing appropriately for each screen size.
A dashboard layout feels cluttered on mobile when desktop density defaults are applied without adaptation. You must adjust spacing, padding, and feature count using responsive density guidelines tailored for mobile platforms to reduce information load.
spontus-reachGenerate tokenized spacing scales and responsive grid specifications for Figma design systems.
SuperCorksEnforce typography, spacing, color contrast, and interaction states in frontend UI design workflows.
VulcanNeuralDevDefine and enforce Paperclip frontend design tokens, typography, and component patterns.
marnecApply container queries, fluid typography, and grid/flex layouts for responsive UI.
