yida-density

What problem does it solve?

Ensures consistent information density across Yida custom pages by providing a standardized set of spacing, typography, and component sizing rules so that generated pages look coherent, readable, and responsive across devices. It prevents hard-coded pixel values that break density switching and enforces automatic mobile downgrades and appropriate defaults for different page types.

Core Features & Use Cases

• Three density modes: compact, comfortable, and spacious with complete DENSITY_CONFIG mappings for paddings, font sizes, row heights, and icon sizes.
• Automatic and explicit control: default automatic selection based on page type and device, plus optional desktop density switching UI for list/table pages.
• Safety and publishing guardrails: requires page-type confirmation, shows code preview, obtains explicit user confirmation before publishing, and provides post-publish verification links.
• Use Case: Generate an operations dashboard list that defaults to compact on desktop, downgrades to spacious on mobile, and exposes a density toggle for power users.

Quick Start

Generate a Yida list page that implements DENSITY_CONFIG-based styles, includes a desktop density switch, auto-detects mobile to downgrade to spacious, and requires code preview plus user confirmation before publishing.