Skills

Native Surface Coverage

Prevent and investigate backdrop leaks, seams, stale clipping and rounded-corner...

Install

npx skills add nowledge-co/con-terminal --skill native-surface-coverage -g -a claude-code -y
Category
Design
Updated
3d ago
License
MIT
Context cost
Mediumabout 1,934 tokens
Runs scripts
No, instructions only

What it does

Prevent and investigate backdrop leaks, seams, stale clipping and rounded-corner artifacts when changing con pane/sidebar geometry, animation, transparency or native terminal composition.

Native surface coverage

Preserve con's glass material while keeping each moving pixel covered by its correct owner. A darker result, passing layout test or clean log is insufficient.

Identify the failure before choosing a fix

Record direction and trigger, tab orientation, compact/pinned/hover state, pane/surface layout, input-bar visibility, theme, terminal/UI opacity, blur, macOS version, display scale and release versus preview binary.

ObservationInvestigate
Different backdrop colors visible through adjacent surfaces at restIntended transparency; compare the same position and backdrop
A stable hairline or jagged curvePhysical-pixel endpoints, shared corner coverage, overlapping alpha
A broad moving strip, especially one that also clips textNative frame/mask/GPUI presentation timing; measure successive video frames
Correct model bounds but wrong native output after reuseAttached masks, native backing-layer replacement and actual framebuffer dimensions

Remote desktop or OS differences are verification limits, not presumed causes. For a transient report, inspect a recording before treating a helper-level bug as the root cause. A strip advancing with per-frame travel is evidence of a presentation mismatch, not a reason to thicken its edge.

Trace the real rendering path

Read the relevant sections, not every historical investigation:

Read the whole SKILL.md on GitHub

More in Design