Skills
.Work. You
Rest

haze-blur

Official

Configure and style Haze blur effects with precision.

Software Engineering#Android#UI design#Kotlin#blur effect#Haze
AuthorKototoro-app
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides expert guidance on configuring and styling Haze blur effects, ensuring optimal visual effects in your applications.

Core Features & Use Cases

  • Haze Blur Configuration: Offers detailed instructions for setting blur radius, tint/color effects, noise, and alpha.
  • Material Styles: Supports HazeMaterials, CupertinoMaterials, and FluentMaterials for various design styles.
  • Progressive Blur: Allows gradient blurs for a more nuanced effect.
  • Masking: Enables the use of brushes as opacity masks for custom blur effects.
  • Dynamic Styling: Reactively adjusts blur properties based on user input or state changes.
  • Use Case: If you are developing an app with UI elements that require a sophisticated blur effect, this Skill can help you achieve the desired look with ease.

Quick Start

Apply the haze-blur skill to your UI element to apply a custom blur effect with a specified radius and color tint.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 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: haze-blur
Download link: https://github.com/Kototoro-app/Kototoro/archive/main.zip#haze-blur

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 620,000+ vetted skills library on demand.