hmos-multidevice-screen-window-window-size

Official

Fix multi-device screen/window layout issues fast

Authoropenharmonyinsight
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps you handle HarmonyOS UI layout failures caused by multi-device screen/window size changes, including breakpoint mismatch, incorrect responsive container choices, stale window-size state, and missing font/density synchronization.

Core Features & Use Cases

  • Breakpoint-driven responsive routing (REQ/DEV/FIX/VAL): Classifies whether you are designing, implementing, fixing, or validating a screen-window adaptation problem and routes to the correct sub-scenario.
  • Window-size and breakpoint synchronization: Ensures runtime window size observation updates breakpoint state and drives immediate layout refresh without breaking single-screen baseline.
  • Responsive container and rule-based fixes: Guides choosing GridRow/GridCol and related containers for structure switching, and includes guardrails for common anomaly types like truncation, offset, overlap, and font/density issues.
  • Multi-screen validation evidence matrix: Produces an objective verification matrix with required evidence (screenshots/layout dumps/window size proofs) and regression watchlist.

Quick Start

Ask the AI to analyze my HarmonyOS multi-device layout issue (including device type and whether it happens in REQ/DEV/FIX/VAL), identify the most likely size anomaly category and root cause, then output a step-by-step fix plan and a validation evidence matrix.

Dependency Matrix

Required Modules

None required

Components

referencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: hmos-multidevice-screen-window-window-size
Download link: https://github.com/openharmonyinsight/openharmony-skills/archive/main.zip#hmos-multidevice-screen-window-window-size

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.