Skill UI

Generate professional, master-level designs in the unique Mondo aesthetic. This skill is perfect for creating stunning posters, book covers, album art, and event promotion materials for various platforms (e.g., 9:16, 1:1, 21:9). It removes the need for graphic design expertise by automatically optimizing prompts, simulating limited color palettes (screen print), and applying advanced compositional techniques like negative space storytelling and dramatic scale contrast.

Best practice guide for building responsive Flutter screens and components. Prefer Row, Column, Expanded, Flexible, and Spacer over fixed-size or coordinate-based layouts, manage constraints, avoid overflow, and adapt to viewport changes with nested flex composition.

This skill enables adding visual effects like bloom, depth of field, and color grading to Three.js 3D scenes. It utilizes EffectComposer and custom shaders for screen-space enhancements, suitable for final image rendering optimization and artistic styling in web-based 3D applications.

This skill implements a production-grade GTAO path in Three.js, utilizing half-resolution horizon sampling and reversed-depth reconstruction. It includes bent-normal encoding, full-resolution bilateral reconstruction, and environment-light application to enhance contact grounding and halo diagnosis without darkening direct light or emission.

This skill enables building view-aligned and screen-space surface effects in Three.js, including touch-history frost, ping-pong accumulation, and procedural rain droplets. It covers reduced-resolution blur, crystalline masks, and two-scale refraction through wet glass. Use persistent or procedural history explicitly without faking accumulation with noise.