skills.rest
Kototoro-app
Kototoro-appOFFICIAL
Explore all skills by this author →
GitHub

kototoro-haze-sheet-artifacts

Diagnose visual artifacts in Kototoro Compose Material3 sheets and dialogs.

467|36|Updated Oct 28, 2025
Search Tags:#Material3#UI artifact diagnosis#Kototoro#Compose UI#GlassSurface
One-click install
npx skills add https://github.com/Kototoro-app/Kototoro --skill kototoro-haze-sheet-artifacts
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: kototoro-haze-sheet-artifacts
Source: https://github.com/Kototoro-app/Kototoro/tree/main/.codex/skills/ui/kototoro-haze-sheet-artifacts
Command: npx skills add https://github.com/Kototoro-app/Kototoro --skill kototoro-haze-sheet-artifacts

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill resolves visual artifacts in Kototoro, including light/gray rectangles, white haze plates, and bounds issues.

Core Features & Use Cases

  • Artifact Diagnosis: Identify issues like extra light rectangles, double backgrounds, or bounds issues.
  • Fix Recommendations: Provide specific instructions for adjusting container colors, shapes, and dialog/sheet flags.
  • Use Case: When using Kototoro, if a glass panel shows an artifact, this skill helps diagnose and apply fixes.

Quick Start

Run the ' Kototoro Haze Sheet Artifacts ' skill with the Kototoro app open.

Frequently Asked Questions about kototoro-haze-sheet-artifacts

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

FAQPage Schema
Why does my Compose Material3 sheet show white haze and gray rectangles?▼

White haze plates and gray rectangles in Compose Material3 sheets are visual artifacts caused by double backgrounds or incorrect bounds. Diagnosing these container shapes and dialog flags identifies the specific rendering issue.

How do I fix light rectangle artifacts on a GlassSurface in Kototoro?▼

To fix light rectangle artifacts on a GlassSurface, diagnose the extra background layers and apply specific fixes by adjusting container colors, shapes, and dialog flags to eliminate the double background rendering.

What causes bounds issues in Kototoro Compose UI dialogs?▼

Bounds issues in Kototoro Compose UI dialogs occur when sheet and dialog flags are misconfigured. Diagnosing the visual artifacts reveals the incorrect bounds calculations and provides specific instructions for adjusting the container shapes.

Do I need the Kototoro app open to diagnose Compose UI visual artifacts?▼

Yes, you need the Kototoro app open to run the artifact diagnosis. The skill evaluates the live application state to identify extra light rectangles and suggest fixes for the Material3 glass surfaces.

Best way to remove double backgrounds from Material3 sheets in Kototoro?▼

The best way to remove double backgrounds from Material3 sheets is to run a visual artifact diagnosis. This identifies the overlapping container colors and provides specific instructions for adjusting the shapes and flags.

Related Skills

Explore More Software Engineering Skills→
Kototoro-appKototoro-app
467

kototoro-browse-source-scroll

Diagnose and fix source scrolling performance issues in the Kototoro app's Browse/Explore page.

Official
Advanced
IvorisnoobIvorisnoob
100

material-thinking

Design and review Material Design 3 interfaces for Android Compose UI.

Community
Advanced
artivillaartivilla

design-spec-rules

Enforce UI implementations to match Figma design specifications exactly.

Community
Advanced
StChiotisStChiotis
43

lfe-visual-check

Inspect UI surfaces for layout and rendering issues.

Community
Intermediate