Results for “glass-effect”

Build or review SwiftUI features using the iOS 26+ Liquid Glass API with native modifiers, container patterns, and performance-aware guidance.

iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit.

iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit.

Use when asked for dark-mode glassmorphism cards, frosted dark hero sections, blur panels, or glass UI with gradient/glow borders via a pseudo-element mask. Prefer this over mengto-dark-glass-clean-layout when isolated glass cards/borders matter, not multi-column workspace shells; prefer over mengto-glass-dark-mode-clock when there are no clock dials; prefer over mengto-blue-laser-clean-glass-layout when gradient borders matter more than blue laser atmosphere.

Generate sound effects from text descriptions using ElevenLabs, with support for looping, duration control, and prompt influence tuning.

Create a globe-like 3D particle visualization with a dense luminous spherical core and thinner orbital ring or flattened disc. Use when a design needs a premium planetary, orbital, synthesized data-globe effect rendered with real WebGL/Three.js particles, not generic starfields or full page layout changes.

Apply the Von Restorff Effect to make the most important element visually distinct from its surroundings, improving attention and recall.

Build augmented reality interfaces for display glasses using Jetpack Compose Glimmer, covering design principles, theming, input mapping, and projected activity setup.

Use when building a dark glass sci-fi instrument UI with frosted shells, soft beam grids, and circular clock-like calibration dials. Prefer this over mengto-dark-glass-clean-layout when clock dials and instrument framing are the signature, not multi-column workspace shells; prefer over mengto-blue-laser-clean-glass-layout when dials matter more than a blue laser atmosphere; prefer over mengto-glass-dark-ui when calibration dials matter more than gradient-border glass cards.

Design a visual protest action that generates media coverage for a cause without requiring budget or platform access.

Generate a cinematic freeze-effect video where time stops mid-scene, the subject walks through the frozen world, then time resumes with a snap.

Use when building cursor-following spotlight reveals that expose a second aligned image through a soft radial mask—hover-to-color, before-and-after, x-ray, material, texture, product-detail, or illustrated heroes where a desaturated or embossed base stays visible while another treatment follows an eased pointer.

Electric neon glow effects with high-contrast color pairings for bold, attention-grabbing interfaces.

Apply the Aesthetic-Usability Effect to ensure visual consistency and polish translate into user trust and perceived quality without masking genuine usability problems.

Generates a complete set of multi-angle product shots — front, side, back, top-down, and 45-degree perspective — for comprehensive product visualization.

Expert real-time VFX artist specializing in particle systems, shader effects, and the invisible craft that makes games feel satisfying. Masters Niagara, VFX Graph, Godot GPU particles, and understands the AAA principles that make effects read clearly at 60fps. Use when "particle system, visual effects, vfx, particles, niagara, vfx graph, flipbook, sprite sheet, explosion effect, magic effect, trail effect, beam effect, dissolve, distortion, force field, hit effect, muzzle flash, impact effect, smoke particles, fire effect, soft particles, game juice, screen shake, particle overdraw, effect optimization, vfx, particles, effects, niagara, vfx-graph, game-juice, visual-effects, shaders, flipbook, trails, beams, explosions, optimization, gpu-particles" mentioned.

Create custom visual effects with Three.js shaders using GLSL, ShaderMaterial, uniforms, and vertex/fragment shaders.

Three.js post-processing - EffectComposer, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.

Create real-time GLSL shader effects including ray marching, SDF modeling, fluid simulation, particle systems, procedural generation, and post-processing with 36 documented techniques.

Add visual effects to Three.js scenes using EffectComposer: bloom, depth of field, anti-aliasing, ambient occlusion, and custom screen-space shaders.

Work with Effect v4 / effect-smol TypeScript code in this repo

Provides guidelines for developing projected Android XR apps for display glasses using the Jetpack Compose Glimmer UI toolkit. This skill covers foundational Glimmer design principles, workflows for implementing Jetpack Compose Glimmer, and interaction models for the glasses form factor. Use this skill to build an Android XR Augmented Experience app with Jetpack Compose Glimmer that adheres to the Glimmer design system for optimized glasses styling.

Use when you need a dark atmospheric background with drifting vertical light folds, screen-blended glow, and a concentrated luminous corner or lower-edge bloom — background atmosphere only, not a full layout system.

Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability.

Creates a dark-themed presentation deck with gradient backgrounds, floating blur orbs, SVG force-directed graphs, and JetBrains Mono code highlighting.

Add accessible animated AI loading and agent-status indicators with the React thinking-orbs library. Use when a chat, copilot, voice, search, generation, or tool-running interface needs a semantic working, searching, solving, listening, composing, or shaping state; when replacing a generic spinner with an AI activity orb; or when implementing the library's size, theme, speed, pause, reduced-motion, and canvas behavior.

Generate, visually edit, and export beautiful HTML/CSS presentation decks with agents using slides-grab (NomaDamas, MIT) — the open-source Claude Design alternative and best harness + editor + linter for slides in Claude Code / Codex. One routing-first skill across Plan (agent drafts an outline), Design (each slide is a self-contained slide-XX.html), Edit (a pure-JS browser editor where you drag a bbox over any region and ask the agent to rewrite just that area, or hand-tweak text/size/bold), and Export (capture-or-print PDF, per-slide PNG incl. Instagram 1:1 card-news, plus experimental/unstable PPTX and Figma-importable PPTX). Picks an install path (npm package + npx skills add, or clone), a deck workspace (--slides-dir, multi-deck decks/<name>/), one of 35 bundled design styles, and the supported asset flow (local ./assets/<file> only — image via god-tibo-imagen/codex/nano-banana, fetch-video via yt-dlp, tldraw .tldr→SVG), validating with slides-grab validate before any export.

Generate images using Google Gemini 3.1 Flash Image Preview via the inference.sh CLI, with support for text-to-image, image editing, multi-image input, and Google Search grounding.

Generates UGC-style lifestyle photos of a person wearing or using a product, with authentic, social-media-native imagery.

Design, implement, budget, and verify readable real-time game visual effects: particles, smoke/fog, lightning, fire, trails, impacts, bloom/glow, and layered spell timelines. Use when a user needs a VFX spec, lifecycle, engine handoff, particle pooling, effect composition, reduce-motion fallback, or frame-budget diagnosis. Triggers on: game VFX, spell effects, particle system, impact burst, procedural lightning, smoke, bloom, magic aura, or VFX performance.

Forces one deeper, more creative pass on an answer or plan while preserving the original escalation prompt verbatim.

Increases visual impact and personality in designs that are too safe, generic, or visually underwhelming, creating more engaging and memorable experiences.

Creates a video intro frame with a typing cursor effect that reveals text character by character, accompanied by chromatic aberration trails and directional light leaks.