skills.rest
ythm
ythmCOMMUNITY
Explore all skills by this author →
GitHub

yida-density

Generate Yida list and table page layouts with compact, comfortable, or spacious density modes.

1|Updated Apr 8, 2026
Search Tags:#responsive design#layout design#information density#Yida#custom page
One-click install
npx skills add https://github.com/ythm/openyida --skill yida-density-ythm
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: yida-density
Source: https://github.com/ythm/openyida/tree/main/yida-skills/skills/yida-density
Command: npx skills add https://github.com/ythm/openyida --skill yida-density-ythm

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a solution for designing the information density of custom pages on Yida, offering compact, comfortable, and spacious density modes to generate layouts that meet specific scenario requirements.

Core Features & Use Cases

  • Density Modes: Offers three density modes - compact, comfortable, and spacious, allowing for responsive adjustments and degradations.
  • Applicability: Suitable for list/table-based pages but not for single-card, form submission pages, or native report pages.
  • Usage: Helps in creating optimal layouts for various scenarios, from data-intensive dashboards to user-friendly forms.

Quick Start

Generate a custom page with density set to 'compact' using the yida-density skill.

Frequently Asked Questions about yida-density

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I adjust information density on Yida custom pages?▼

You can adjust information density on Yida custom pages by applying compact, comfortable, or spacious density modes. This dynamically generates layouts that meet specific scenario requirements for your data.

What is the best way to design responsive layouts for data-intensive Yida lists?▼

The best way to design responsive layouts for data-intensive Yida lists is using the compact density mode. It allows responsive adjustments and degradations to optimize the display of high-volume table data.

Does the Yida density customizer work with form submission and native report pages?▼

No, the Yida density customizer does not work with form submission, single-card, or native report pages. It is strictly applicable to list and table-based custom pages for layout adjustments.

Can I use information density settings to degrade Yida page layouts responsively?▼

Yes, you can use information density settings to degrade Yida page layouts responsively. The system supports dynamic adjustments across three modes to ensure optimal viewing across different scenarios.

Do I need the Yida platform to configure custom page layout density?▼

Yes, you need the Yida platform to configure custom page layout density. The skill requires Yida for deployment and for configuring the specific density settings on your list and table-based pages.

Related Skills

Explore More Software Engineering Skills→
openyidaopenyida
201

yida-density

Manage Yida page density with DENSITY_CONFIG and mobile detection.

Official
Advanced
openyidaopenyida
201

yida-publish-page

Compile JSX source into ES5 and deploy Yida custom pages via saveFormSchema.

Official
Advanced
Johnson1662Johnson1662

obsidian-bases

Create and edit YAML-based Obsidian .base files with dynamic views, filters, and formulas.

Community
Intermediate
ythmythm
1

yida-report

Automate Yida native report schema creation and ECharts data extraction.

Community
Intermediate