Meng To

Create hand-drawn SVG illustration cards featuring expressive creatures or living objects that represent coding and design ideas. A supplied brush library supports uneven ink outlines, loose watercolor fills, large eyes, and consistent details across a set.

中文简介正在准备中。当前显示英语简介。

• Creating a loading illustration with a snail mascot
• Adding a character illustration to an error page
• Illustrating a coding concept for a blog header

Apply layered, neutral shadows to cards, form controls, panels, and larger containers using Tailwind classes with custom values. Three prescribed shadow strengths help match visual depth to the size and purpose of each component.

中文简介正在准备中。当前显示英语简介。

• Adding subtle depth to form controls and compact cards
• Styling shadows for panels and popovers
• Giving hero media and modal-like containers stronger elevation

Design reading interfaces that resemble archival books, pairing serif text and aged paper surfaces with a dark catalog frame. Organize chapters, notes, and metadata through index navigation, with adjustable texture, page depth, and visual density.

中文简介正在准备中。当前显示英语简介。

• Design a book-like reader for literary content
• Create an archive or manuscript viewing interface
• Organize research material with indexes and annotations

Build a continuous 3D website where scrolling guides the camera, lighting, text, and interactions through planned chapters. The skill covers visual planning, responsive composition, progressive loading, accessibility, and performance checks for a live Three.js world.

中文简介正在准备中。当前显示英语简介。

• Create a product story set in a continuous 3D world
• Build an interactive portfolio with a scrolling camera journey
• Present an exhibition through connected spatial chapters

Build particle trails that respond to cursor or touch movement with consistent spacing at different speeds. Reuse a fixed pool of GPU-rendered particles, add keyboard-triggered bursts, and handle reduced motion, resizing, and cleanup.

中文简介正在准备中。当前显示英语简介。

• Creating particle trails for cursor and touch movement
• Making pollen or dust rise from a surface
• Adding particle bursts triggered by a keyboard-accessible button

Build a scanning entrance for Three.js models, revealing their wire structure before the solid surface appears. Coordinate both layers with one expanding wave, then remove the temporary wires when the animation finishes.

中文简介正在准备中。当前显示英语简介。

• Introduce a 3D model with a radial scan
• Show a model's structure before its surface
• Create a holographic assembly effect

Add subtle mouse-responsive depth to a Three.js hero scene. Smooth pointer movement drives small camera shifts and different object rotations, keeping the subject aligned with nearby text and cards while creating a gentle sense of perspective.

中文简介正在准备中。当前显示英语简介。

• Add subtle mouse response to a 3D hero
• Give foreground and background different movement
• Keep a moving model aligned with text and cards

Build detailed paper surfaces in Three.js for sheets, labels, cards, or shoji panels. Reproduce visible fibres, torn edges, layered thickness, curled corners, ink bleeding, aged edges, and backlit translucency, with additional detail for close-up views.

中文简介正在准备中。当前显示英语简介。

• Creating backlit washi shoji panels
• Adding torn edges and thickness to cards or labels
• Showing paper fibres in close-up views

Create realistic metal surfaces in Three.js by combining structured reflections, studio lighting, scratches, fingerprints, and beveled edges. Includes polished, brushed, and aged finishes for objects such as tools, rings, and metal product parts.

中文简介正在准备中。当前显示英语简介。

• Fixing metal that looks like gray plastic
• Creating polished or brushed metal finishes
• Adding patina and worn edges

Build sky backgrounds for 3D scenes using procedural atmosphere or panoramic images. Align the horizon, sun, shadows, and environment lighting, while handling camera movement, image loading, and smooth transitions between day, dusk, and night.

中文简介正在准备中。当前显示英语简介。

• Creating sky backgrounds for architecture and outdoor scenes
• Aligning sunset skies with shadows and reflections
• Designing transitions from day through dusk to night

Create, repair, and review character combat animations, from sword strikes to bow shots and spells. Use joint measurements, mesh deformation tests, camera captures, and blind comparisons to identify awkward poses and assess changes against written rules.

中文简介正在准备中。当前显示英语简介。

• Create melee attacks, bow shots, and spell animations
• Fix stretched arms and awkward wrist or hand poses
• Define measurable combat animation rules and tests

Build or repair game inventory and equipment systems, including item pickup, stacking, drag and drop, and saving. It guides transfers that fully succeed or leave state unchanged, accessible controls, and tests for item loss or duplication.

中文简介正在准备中。当前显示英语简介。

• Build item pickup and stacking rules
• Fix item loss during equipment swaps
• Add keyboard and touch inventory controls

Turn a working web effect or interaction into a reusable skill by extracting its core mechanism, documenting tested parameters and pitfalls, and packaging a demo that preserves the reference design and proves the behavior.

中文简介正在准备中。当前显示英语简介。

• Reuse a successful scroll effect across projects
• Package a canvas effect with a working demo
• Document tested parameters and hard-won fixes

Measure and improve animation performance on frontend pages. Identify offscreen activity, pause CSS and canvas or WebGL loops, audit resource cleanup, and compare runtime observations before and after changes to investigate scrolling issues and long-session slowdowns.

中文简介正在准备中。当前显示英语简介。

• Pause animations outside the viewport
• Investigate jerky scrolling
• Audit cleanup after page navigation

Draft and revise X posts in Meng To's voice using his authored posts and verified personal and product context. Generate distinct alternatives, check for repeated angles, and refine a reusable voice profile as new posts are collected.

中文简介正在准备中。当前显示英语简介。

• Draft or revise posts in Meng To's voice
• Create replies, threads, resource shares, and quote posts
• Check whether a proposed angle repeats an earlier post

Add shafts of sunlight to Three.js or similar 3D scenes. Shape rays with roofs and foliage, align them with the sun, and tune rendering effects so foreground surfaces keep their contrast while processing costs remain measurable.

中文简介正在准备中。当前显示英语简介。

• Add sunbeams through a tree canopy
• Show sunlight passing through roof gaps
• Create golden-hour architectural scenes

Build falling leaves in Three.js and similar 3D scenes, with visible front, edge, and back views as they tumble and drift. Coordinate wind, scene depth, camera-aware recycling, and performance checks for a convincing autumn effect.

中文简介正在准备中。当前显示英语简介。

• Adding falling autumn leaves to a 3D scene
• Coordinating leaf tumble, sideways drift, and wind
• Managing leaves around buildings and camera movement

Build or audit browser map editors for Three.js and isometric games. Reuse production world definitions, edit placements in isolated drafts, inspect enemy behavior overlays, and validate exports before reviewed integration into the game.

中文简介正在准备中。当前显示英语简介。

• Build a map editor from existing game definitions
• Adjust placements with dragging, snapping, and undo
• Inspect enemy detection ranges and patrol routes

Turn five collected UI references into five original landing pages with distinct brands, copy, and imagery. Each page gets its own Codex task and workspace, with build checks, a source commit, and private deployment through Sites.

中文简介正在准备中。当前显示英语简介。

• Build five landing pages from a UI inspiration pack
• Explore distinct brands using collected visual references
• Manage each page in a separate Codex task

Collect five UI references into a dated, article-ready bundle with local images, full-page and section captures, motion studies, and detailed AI-builder prompts. Check previous collections for duplicates and document fallback reasons when video capture is unavailable.

中文简介正在准备中。当前显示英语简介。

• Collecting daily landing-page design references
• Studying page animations and interactions
• Writing detailed prompts for AI website builders

Add coordinated seasonal transitions to an existing 3D scene. Blend foliage, lighting, sky, ground, snow, and particles from one shared state while preserving camera controls and interactions, so the same place remains recognizable throughout spring, summer, fall, and winter.

中文简介正在准备中。当前显示英语简介。

• Add a four-season selector to an outdoor 3D scene
• Show seasonal changes in an architectural walkthrough
• Coordinate foliage, sunlight, sky, and ground appearance

Create or integrate detailed 3D models with smooth outlines and believable edges for close-up views. Prepare lower-detail versions for distant viewing, prioritize loading, and measure rendering costs in the actual scene.

中文简介正在准备中。当前显示英语简介。

• Creating a detailed 3D model for close-up views
• Replacing visibly faceted curves with smoother geometry
• Preparing detailed architectural assets for rendering

Refine wood materials and lighting in three.js interiors using procedural grain, window light, contact shadows, rays, and dust. A runnable scorecard measures eight aspects of the rendered image, helping guide revisions toward a chosen target score.

中文简介正在准备中。当前显示英语简介。

• Lighting carved wood, kumiko, and workshop scenes
• Fixing wood that looks flat, plastic, or washed out
• Adjusting light shafts while preserving dark tones

Compare a website with supplied references to identify originality risks in text, images, videos, layout, motion, and code history. Produce evidence-backed findings and practical fixes while distinguishing common design patterns from distinctive copying.

中文简介正在准备中。当前显示英语简介。

• Review a site against its references before release
• Check text and media for distinctive overlaps
• Find copied material in repository history