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.