Meng To

Skills

177 skills · 7,278 stars · MIT

• 3D Cloth Material Build convincing woven cloth in Three.js, with a thread-level weave normal map, sheen and anisotr…
• 3D Falling Leaves Build recognizable falling leaves in world space using instanced geometry, independent tumble, co…
• 3D Four Seasons Add coordinated spring, summer, fall, and winter states to a 3D scene, blending foliage, sunlight…
• 3D High Poly Models Create or integrate highly detailed 3D models with smooth silhouettes, shaped surfaces, believabl…
• 3D High Resolution Textures Build sharp, physically coherent high-resolution materials for 3D rendering with appropriate PBR…
• 3D Metal Material Build hyperrealistic PBR metal in Three.js: steel, brass, gold, copper and iron as true conductor…
• 3D Orbit Inspect Demo Make a 3D object lean around on hover and open a full inspect view on click.
• 3D Paper Material Build a paper sheet in Three.js that reads as paper up close — washi, cotton rag or kraft with ba…
• 3D Retina Resolution Render a 3D canvas sharply on Retina and HiDPI displays, including explicit 200 percent resolutio…
• 3D Sky Background Create a camera-correct sky background for a 3D scene with a procedural atmosphere or panorama, h…
• 3D Sky Rays Add sun shafts and crepuscular rays to a Three.js or equivalent 3D scene, using scene occlusion,…
• 3D Ultra Realistic Water Build an ultra-realistic open ocean in Three.js with a deep-water Gerstner spectrum shaded per pi…
• 3D Underwater God Rays Add volumetric underwater god rays to a Three.js scene, marching one drifting swell field along e…
• 3D Virtual Tour Build guided and interactive virtual tours through a 3D environment with authored camera paths, r…
• 3D Wood Lighting Scorecard Light carved wood in a dark room in three.js, with procedural grain and pores, one warm key throu…
• 3D Wood Material Build convincing timber for Three.js as one procedural MeshPhysicalMaterial with growth rings, ca…
• Add animated AI thinking indicators to React chat and agent UIs Accessible animated orb states for AI working, searching, and listening status in React.
• Add animated liquid-metal WebGL borders to React buttons with metal-fx Give active, selected, or focused React controls a premium metallic border, with fallbacks.
• Add Mouse Driven Orbit Add restrained mouse-driven orbit and parallax depth to a Three.js hero by damping one pointer ta…
• Add Shader Cursor Trail Add the Shaders WebGPU mouse effect used for the Tidal Commons hero: a white twinkling halftone c…
• Agency Grid Layout Minimal Create a minimal agency design system with a disciplined editorial grid, oversized typography, qu…
• Ambient Section Particles Add a restrained particle atmosphere inside one section with configurable shapes, density, gravit…
• Animation On Scroll Create an on-scroll animation trigger using IntersectionObserver with Tailwind-friendly animation…
• Animation Systems Use when designing or implementing product-grade web motion like Stripe, Linear, Apple, and Vercel.
• Article Prompts To Skills Convert an article, tutorial, or prompt pack into focused reusable AgentSkills, one independent c…
• Atmosphere Background Create a dark atmospheric background with drifting vertical light folds, screen-blended glow, and…
• Audit Ai Design Slop Audit websites, apps, screenshots, mockups, and design code for harmful AI-design clichés, generi…
• Audit Reference Originality Audit a website or digital experience against its supplied source references for originality and…
• Audit Verify Explain Grade 5 Audit work, verify claims with concrete evidence, and explain the result in simple grade-5 language.
• Aura Asset Images Use when you need high-quality stock-style images from Aura Assets (aura.build/assets) similar to…
• Author Game Levels Author or revise readable, flat-world Three.js game levels.
• Background Grid Webgl Create a perspective WebGL background grid with fading lines, subtle particle haze, slow forward…
• Beam Glow States Create React loading, processing, selected, current, focus, and pressed states with the border-be…
• Beautiful Shadows Apply exact Tailwind arbitrary shadow utilities for polished, layered neutral elevation.
• Blue Cloudy Clean Modern Create a clean modern design system with a luminous blue sky atmosphere, soft drifting cloud ligh…
• Blue Laser Clean Glass Layout Create a clean dark glass layout system with a thin blue laser atmosphere, frosted premium shells…
• Book Serif Index Create an archival book-reader design system with serif-led pages, mono index navigation, aged pa…
• Bright Green Tech System Webgl Create a bright-green technical design system with structured split layouts, hard-framed dark sur…
• Browser Video Recording Create polished 60 fps 4:3 4K browser screen-recording style videos from Codex in-app browser cap…
• Build Awwwards Quality Sites Art-direct and implement distinctive, motion-rich marketing, editorial, portfolio, and landing we…
• Build Daily Inspiration Sites Turn a completed daily UI inspiration capture into exactly five original landing-page builds, one…
• Build Game Audio Feedback Design or implement responsive audio feedback for a Three.js or web game.
• Build Game Camera Controls Implement or tune Three.js game cameras.
• Build Game Changelog Design, implement, backfill, audit, and release in-game changelogs with contiguous versioning, de…
• Build Game Inventory Build or repair game inventory, loot, equipment, tooltips, drag-and-drop, persistence, and progre…
• Build Game Map Editor Build, extend, or audit production-linked browser map editors for Three.js and isometric games.
• Build Game Monster System Build, integrate, audit, or refactor rigged monsters for Three.js and web action games.
• Build hover-reveal image comparisons with CSS mask spotlights A cursor-following spotlight that uncovers a second aligned image, with eased motion and CSS masks.