12,242 skills found · Page 113 of 409
MengTo / glass-dark-uiBuild dark-mode glassmorphism interfaces with readable contrast, frosted surfaces, and gradient borders using a pseudo-element mask
MengTo / 3d-ultra-realistic-waterBuild an ultra-realistic open ocean in Three.js with a deep-water Gerstner spectrum shaded per pixel from analytic derivatives, each wave faded at its own pixel footprint, plus Fresnel sky-cube and planar reflections, subsurface light through the crests, HDR sun glitter, Jacobian lace foam, a Kelvin…
MengTo / 3d-underwater-god-raysAdd volumetric underwater god rays to a Three.js scene, marching one drifting swell field along every view ray at half resolution so the light shafts converge on the sun, parallax with the camera and carry rippling caustic streaks, with a shimmering surface underside, a sun that wobbles through the…
MengTo / build-daily-inspiration-sitesTurn a completed daily UI inspiration capture into exactly five original landing-page builds, one per separate Codex task, using Sites
MengTo / codex-gpt-image-2-5-flareGenerate or edit artwork with built-in Codex image gen, especially transparent PNG ornaments, game sprites, emblems, and UI graphics
MengTo / optimize-web-animationsProfile, audit, and optimize frontend page performance with emphasis on animation work, memory-leak risks, long-session slowdowns, CSS animations, canvas/WebGL requestAnimationFrame loops, marquees, skeletons, GSAP/Three/Matter effects, timers, listeners, and observers
MengTo / aura-asset-imagesUse when you need high-quality stock-style images from Aura Assets (aura.build/assets) similar to Unsplash for design mockups and marketing: backgrounds, abstract wallpapers, architecture, portraits, and headshots.
MengTo / audit-ai-design-slopAudit websites, apps, screenshots, mockups, and design code for harmful AI-design clichés, generic generated defaults, and established UI defects
MengTo / paper-cinder-transitionChange between pages, chapters or scenes with a paper-burn transition, a ragged ember line that sweeps across the frame, chars the old page ahead of it and reveals the next scene live behind it, written as one WebGL composite pass over a frozen frame and a scissored live scene.
MengTo / performance-profilingGuide performance profiling for Apple platform apps with Instruments, Xcode diagnostics, and MetricKit
MengTo / design-first-ui-promptingUse when you need design-first, spec-driven, skimmable prompts for UI generation. Covers prompt structure, constraints, variations, typography/spacing rules, and iteration workflow for consistent UI outputs.
MengTo / dither-backgroundCreate a dark monochrome procedural background with enlarged square pixels and visible Bayer-style ordered dithering
MengTo / gsapUse when you need to add or debug professional web animations with GSAP (timelines, ScrollTrigger, stagger, transforms) in HTML/CSS/JS/React. Includes patterns for smooth motion, performance, and common pitfalls.
MengTo / progressive-blurCreate a layered CSS progressive blur (top or bottom) using multiple backdrop-filter masks for depth and softness
MengTo / scroll-progress-timelineTurn any ordered process into a data-driven vertical or horizontal scroll story with a base line, progress fill, active step states, responsive collapse, semantic fallback, and reduced-motion behavior.
MengTo / scroll-scrubbed-visual-sequenceBuild reversible scroll-controlled visual transformations with a pinned or sticky stage, normalized progress, and video, image-sequence, canvas, SVG, or DOM renderers.
MengTo / scroll-scrubbed-word-revealReveal marked-up text word by word as scroll progress advances, while preserving semantic inline links, emphasis, responsive line wrapping, and reduced-motion readability.
MengTo / 3d-retina-resolutionRender a 3D canvas sharply on Retina and HiDPI displays, including explicit 200 percent resolution, synchronized renderer and post-processing sizes, correct pointer coordinates, and measured quality fallbacks.
MengTo / illustration-framed-panelDraws original design-and-coding scenes as SVG cards (480x360) in a framed-panel cartoon style. Identifying traits are a soft pastel card with a periwinkle-violet panel framed in thin navy, outline-only clouds and a pale lavender floor band with dashes inside it; L-shaped corner brackets outside two…
MengTo / illustration-halftone-lineDraws hand-authored SVG spot illustrations in a halftone line style for design and coding scenes. Identifying traits are a confident black line with a slight hand wobble and contours left open, grey tones made only of fine halftone dots clipped to shapes, a few solid black masses (hair, leaves, a ba…
MengTo / illustration-teal-spotDraws original spot illustrations of one hero object as SVG cards (480x360) in a teal-on-white style. Identifying traits are a single object in a fixed oblique 3/4 view showing top, front and right faces; white main faces with teal only on side faces and accents; thin dark-teal outlines on every edg…
MengTo / beautiful-shadowsApply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation
MengTo / container-linesAdd vertical container-size guide lines with mini corner squares for precise, structured web layouts
MengTo / corner-diagonalsApply diagonal-cut corners and chamfered edges to buttons, cards, panels, and container shells
MengTo / css-border-gradientApply subtle gradient-border treatments for premium web surfaces
MengTo / horizontal-scroll-scenesBuild scene-by-scene chapters that advance left to right on one fixed stage while the user scrolls vertically, with native scroll as the only input.
MengTo / masked-revealCreate masked staggered word reveals on scroll with GSAP ScrollTrigger
MengTo / 3d-four-seasonsAdd coordinated spring, summer, fall, and winter states to a 3D scene, blending foliage, sunlight, sky, ground materials, snow, and particles without rebuilding the world. Use for seasonal controls, architectural walkthroughs, and outdoor scenes with four-season transitions.
MengTo / 3d-orbit-inspect-demoMake a 3D object lean around on hover and open a full inspect view on click. Hover is a damped, bounded camera lean; click lifts the piece off its bench into the hand, where you drag to turn it, coast, dolly with wheel or pinch, and put it back with Esc, click-away or a Close button.
MengTo / 3d-paper-materialBuild a paper sheet in Three.js that reads as paper up close — washi, cotton rag or kraft with baked fibre and tooth relief, laid and chain lines, a torn deckle edge with frayed fibres, four-layer thickness, a rolled corner and crease, ink that wicks along the fibres, toasted aged edges, contact sha…
