ui-guide

Document and implement coordinate transforms and rendering pipelines for NullPlayer UI.

108|9|Updated Jan 16, 2026
One-click install
npx skills add https://github.com/ad-repo/nullplayer --skill ui-guide
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-guide
Source: https://github.com/ad-repo/nullplayer/tree/main/skills/ui-guide
Command: npx skills add https://github.com/ad-repo/nullplayer --skill ui-guide

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Coordinate systems and rendering pipelines for NullPlayer's UI are documented and implemented to ensure consistent coordinate transforms, scaling, and hit testing across main window, playlist, and visual skin elements.

Core Features & Use Cases

Applied to window scaling, skin rendering, coordinate transforms, visual layout, and playlist/marquee text rendering, it ensures cross-window consistency and high-fidelity UI. It also covers the integration points with the SkinRenderer, WindowManager, and font rendering pipelines, including bitmap fonts and Unicode fallbacks.

Quick Start

Follow this guide when implementing or updating UI scaling, skin rendering, or text rendering in NullPlayer.

Frequently Asked Questions about ui-guide

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

FAQPage Schema
How do I implement consistent coordinate transforms and hit testing across multiple UI windows?

Consistent coordinate transforms and hit testing across multiple UI windows require a documented rendering pipeline that standardizes coordinate systems for the main window, playlist, and skin elements. This ensures cross-window consistency during window scaling and visual layout.

How does bitmap font rendering and Unicode fallback work in skin systems?

Bitmap font rendering and Unicode fallback in skin systems function through dedicated font rendering pipelines integrated with the SkinRenderer. This integration handles texture loading and ensures high-fidelity text rendering, including marquee text scrolling in playlists.

What is the best way to scale custom visual skins without breaking the UI layout?

Scaling custom visual skins without breaking the UI layout requires applying standardized coordinate transforms and window scaling rules within the rendering pipeline. This maintains visual layout integrity and hit testing accuracy across the main window and playlist.

Does NullPlayer UI rendering require integration with the WindowManager for cross-window consistency?

Yes, NullPlayer UI rendering requires integration with the WindowManager to achieve cross-window consistency. The rendering pipeline defines specific integration points with the WindowManager and SkinRenderer to manage coordinate transforms and visual skin elements.

Why does marquee text rendering show inconsistent positioning between the main window and playlist?

Inconsistent marquee text positioning between the main window and playlist typically occurs when coordinate transforms are not standardized across windows. Applying a unified coordinate system and rendering pipeline ensures cross-window consistency for playlist and marquee text rendering.