Compose Shader Expert
Expert guidance for writing and integrating high-performance AGSL/SkSL shaders in Jetpack Compose and Compose Multiplatform. Trigger this skill whenever the user mentions AGSL, shaders, RenderEffect, custom graphics modifiers, glassmorphism, blur, metaballs, or procedural rendering in Compose, even if they only ask for a simple visual effect.
Install
$ agentstack add skill-josephsanjaya-skills-compose-shader-expert ✓ scanned · ✓ verified, works with Claude Code, Cursor, and more.
Security review
✓ PassedNo issues found. Passed automated security review. · v0.1.0 How review works →
- ✓ Prompt-injection patterns
- ✓ Secret / credential exfiltration
- ✓ Dangerous shell & filesystem operations
- ✓ Untrusted network calls
- ✓ Known-malicious package signatures
What it can access
- ✓ Network access No
- ✓ Filesystem access No
- ✓ Shell / process execution No
- ✓ Environment & secrets No
- ✓ Dynamic code execution No
From automated source analysis of v0.1.0. “Used” means the capability is present in the source — more access means more to trust, not that it’s unsafe.
Verified badge
Passed review? Show it. Paste this badge into your README, it links to the public security report.
Links to your public security report.[](https://agentstack.voostack.com/security/report/skill-josephsanjaya-skills-compose-shader-expert) Reliability & compatibility
Declared compatibility
Compatibility is declared by the source manifest. End-to-end runtime verification is coming, see below.
We're building live execution health for every listing: tool-call success rate, median latency, uptime, and last-checked timestamps, measured, not self-reported. It isn't live yet, so we don't show numbers we can't stand behind.
How agent discovery & health will work →About
Compose Shader Expert
Core guidelines for modern (2025/2026) high-performance AGSL/SkSL shader integration in Jetpack Compose and Compose Multiplatform.
Use progressive disclosure: consult specific reference files for details. Maintain strict token efficiency. Shaders must be optimized for mobile GPUs, branchless, and cached to prevent recompositions and compile spikes.
1. Quick Decision Matrix
| Task / Domain | Action / Pattern | Details | | :--- | :--- | :--- | | AGSL Syntax & Math | Coordinate mapping, layout(color), premultiplied alpha | Consult [syntax-coordinate.md](file:///Users/jsanjaya/.gemini/config/skills/compose-shader-expert/references/syntax-coordinate.md) | | Compose Integration | ShaderBrush, RenderEffect, drawWithCache, graphicsLayer | Consult [compose-lifecycle.md](file:///Users/jsanjaya/.gemini/config/skills/compose-shader-expert/references/compose-lifecycle.md) | | GPU Optimization | Branching avoidance, precision choice, register pressure, caching | Consult [performance-gpu.md](file:///Users/jsanjaya/.gemini/config/skills/compose-shader-expert/references/performance-gpu.md) | | Visual Effects | Glassmorphism, liquid metaballs, noise textures, SDF borders | Consult [shader-use-cases.md](file:///Users/jsanjaya/.gemini/config/skills/compose-shader-expert/references/shader-use-cases.md) | | Special Effects | Glossy 3D Liquid, Topographic Flow, Holographic tilt, Water Ripples | Consult [special-effects.md](file:///Users/jsanjaya/.gemini/config/skills/compose-shader-expert/references/special-effects.md) |
2. Directory Structure
All detailed reference materials and scripts are partitioned into subdirectories:
- References:
- [syntax-coordinate.md](file:///Users/jsanjaya/.gemini/config/skills/compose-shader-expert/references/syntax-coordinate.md) — AGSL vs GLSL differences, coordinate space alignment, color-space management, and alpha premultiplication.
- [compose-lifecycle.md](file:///Users/jsanjaya/.gemini/config/skills/compose-shader-expert/references/compose-lifecycle.md) — Lifetime management, drawWithCache vs drawBehind, RenderEffect offscreen buffers, custom Modifier.Node optimization, and expect/actual KMP abstraction.
- [performance-gpu.md](file:///Users/jsanjaya/.gemini/config/skills/compose-shader-expert/references/performance-gpu.md) — Mobile GPU branching rules, precision (float vs half), texture fetch bandwidth limits, and shader warm-up/caching.
- [shader-use-cases.md](file:///Users/jsanjaya/.gemini/config/skills/compose-shader-expert/references/shader-use-cases.md) — Detailed mathematics, code snippets, and implementation steps for frosted glassmorphism, liquid metaballs, and procedural noise.
- [special-effects.md](file:///Users/jsanjaya/.gemini/config/skills/compose-shader-expert/references/special-effects.md) — Detailed recipes and mathematical formulations for Glossy 3D Liquid, Topographic Flow, Holographic tilt card, and Touch-driven Water ripples.
- Scripts:
- [validateshader.py](file:///Users/jsanjaya/.gemini/config/skills/compose-shader-expert/scripts/validateshader.py) — Python CLI tool to parse shader strings for common performance and AGSL syntax issues.
Always read the specific file containing the details required for the task.
Developers must follow these constraints:
- Always create and cache shaders inside drawWithCache or graphicsLayer to avoid per-frame allocation.
- Ensure Y-coordinate mapping is correctly adjusted for AGSL's top-left origin.
- Keep all custom shader outputs premultiplied.
- Pass touch coordinates offscreen (e.g.
Offset(-9999f, -9999f)) when inactive to avoid top-left(0, 0)clustering. - Avoid looping over discrete particles inside the pixel fragment shader; draw them using Canvas
drawCircle/drawPointsover the shader background for order-of-magnitude performance improvements.
Source & license
This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.
- Author: JosephSanjaya
- Source: JosephSanjaya/skills
- License: MIT
Install and usage instructions live in the source repository linked above.
Reviews
No reviews yet, be the first.
Write a review
Versions
- v0.1.0 Imported from the upstream source.