177 skills (repositories by MengTo) · sorted by popularity
Create coordinated website animations with GSAP, ScrollTrigger, and Lenis. Combine smooth scrolling, staged text and image reveals, pinned scenes, and pointer interactions, with guidance for performance, touch devices, and reduced-motion preferences.
Create SVG illustrations, a scalable vector image format, with thick navy outlines, vivid colors, and chunky depth. Combine a cartoon character with overlapping props for product screens and marketing cards, then render, review, and refine the artwork.
Design and test combat encounters in Three.js action games. Plan arenas, enemy roles, spawn timing, objectives, boss phases, and rewards, then check fairness and difficulty using repeatable starting conditions on desktop and mobile.
Create SVG illustration cards of people working with laptops, screens, and design components. Follow a defined pastel palette, violet frame, thin navy outlines, and overlapping speech bubbles to produce matching artwork for product pages, onboarding, and team content.
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.
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.
Draw SVG illustrations of collaboration, commuting, and focused work using black lines and halftone dots, small dots that create shading. Produce monochrome artwork with hand-drawn contours for onboarding screens, empty states, blog headers, and marketing cards.
Organize substantial tasks into a cycle of creation, independent review, and revision while preserving the original request. Turn broad quality goals into observable checks, collect evidence, and finish with verified results or a clearly identified blocker.
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.
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.
Add underwater sunbeams to a Three.js scene, with rippling light patterns, a shimmering surface viewed from below, and matching illumination on fish. The beams shift against objects as the camera moves, giving the water depth.
Turn recent X bookmarks into quote-post drafts with source links. The skill studies up to 100 recent posts by the author to match their voice, then organizes suggestions into a dated queue for review and revision.
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.
Build woven fabric in Three.js with visible threads, realistic sheen, seams, and thick hems. The skill covers folds that preserve texture proportions, light passing through thin cloth, and variations in dye and wear.
Analyze a reference video's layout, typography, motion, and interactions to create a detailed prompt for rebuilding or adapting the experience. Include asset requirements, implementation choices, mobile behavior, and alternatives for users who prefer reduced motion.
Build interactive 3D tours for buildings, museums, and showrooms. Coordinate guided camera routes, room lists, floor plans, and orbit inspection, which lets viewers rotate around a model, while managing transitions, asset loading, and accessible controls.
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.
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.
Implement and tune Three.js game cameras so players, threats, and objectives stay readable. Covers smooth following, isometric views, zoom and orbit limits, obstruction handling, target lock-on, camera shake, touch controls, and checks for regressions.
Plan and integrate assets for Three.js or web games by choosing imported models, code-generated geometry, or 2D media. Define scale and collision needs, check appearance and performance in the game, and record sources and licenses.
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.
Build open-ocean scenes in Three.js with rolling waves, reflections, sun glitter, foam, and boat wakes. A reusable module also provides wave-height queries for floating objects and techniques for keeping distant water stable as the camera moves.
Build in-game changelogs that connect release notes and displayed versions to successful production deployments. Reconstruct supported history, integrate menu navigation and accessible controls, and verify version consistency and behavior on desktop and mobile.
Build a Three.js object viewer with a gentle camera lean on hover and a click-to-inspect mode. Visitors can rotate and zoom the object, then return it to its original position using mouse, touch, or keyboard controls.