4,413 skills found · Page 29 of 148
MengTo / illustration-bold-popDraws hand-authored SVG spot illustrations in a bold pop-geometric style for design and coding scenes. Identifying traits: a thick navy outline on every shape, solid navy extrusions that always step down-right, saturated flat fills (hot pink, lemon, aqua, violet, mint, lime) textured with navy hatch…
MengTo / build-interactive-particle-trailBuild a cursor or touch particle interaction that emits by distance along the traveled segment into a recycled GPU point pool, with optional keyboard-triggered bursts.
MengTo / html-demoShow an app working on a web page by drawing it live in HTML instead of recording it. A Mac-style window plays the app step by step, and every frame is a pure function of one clock, View(t), drawn on a fixed 1200 × 750 stage that one CSS scale fits to any width.
MengTo / add-mouse-driven-orbitAdd restrained mouse-driven orbit and parallax depth to a Three.js hero by damping one pointer target and splitting it across camera translation, look-at, and small object rotations.
MengTo / framed-grid-layoutCreate minimal framed grid layouts with thin visible boundary lines, L-shaped corner brackets, subtle diagonal line texture, and strict section alignment
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 / 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 / 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 / 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-virtual-tourBuild guided and interactive virtual tours through a 3D environment with authored camera paths, room and floor-plan navigation, orbit inspection, smooth mode handoffs, and progressive loading.
MengTo / no-ai-design-slopPrevent and remove generic AI-generated design defaults, incoherent visual choices, and established UI defects while creating, revising, or reviewing websites, apps, screenshots, mockups, and design code.
MengTo / scroll-world-storytellingTurn an article, case study, brand narrative, product journey, or long-form story into a cinematic scroll-driven landing page using one of three renderers: scrubbed video, a real-time Three.js world, or semantic HTML/SVG data and typography
MengTo / html-to-interaction-promptsConvert a supplied HTML page or generated HTML reference into a screenshot-backed article containing multiple reusable interaction prompts
MengTo / 3d-metal-materialBuild hyperrealistic PBR metal in Three.js: steel, brass, gold, copper and iron as true conductors (metalness 1, measured F0 tint, no albedo) with roughness-varied finishes (polished, brushed anisotropic, aged with patina and worn edges) lit by a dark HDR studio of real bright window cards prefilter…
MengTo / 3d-sky-raysAdd sun shafts and crepuscular rays to a Three.js or equivalent 3D scene, using scene occlusion, a projected sun position, controlled foreground spill, and scalable post-processing. Use for rays of light from the sky, sunlight through trees or roofs, and golden-hour architectural scenes.
MengTo / 3d-wood-materialBuild convincing timber for Three.js as one procedural MeshPhysicalMaterial with growth rings, cathedral figure, pores, medullary rays, checks, tool marks, end grain, and oil, wax, or lacquer finishes, so the grain follows the form and survives macro close-ups without image textures.
