Browse skills

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

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.

• Turn a reference video into a detailed build prompt
• Describe scroll effects and transitions precisely
• Plan image and video assets for a recreation

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

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

Convert articles, tutorials, or prompt collections into reusable agent skills, with one independent capability per skill. Package portable instructions, example prompts, working demos, preview images, and validation so the methods can transfer to other projects.

• Convert tutorial steps into reusable agent skills
• Split a prompt collection into independent capabilities
• Package skills with example prompts and working demos

Create coordinated combat visual effects in Three.js, combining branching lightning, a storm orb, black trails, sparks, and impact frames. A shared clock keeps charge-ups, dashes, and hits synchronized, including brief pauses that emphasize contact.

• Create a lightning fist or energy orb
• Add black trails to a dash
• Coordinate ground strikes and wet reflections

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.

• Draft quote posts from saved X posts
• Match drafts to an author's recent writing style
• Refresh a dated queue of quote-post drafts

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

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

Prepare detailed 3D materials that remain clear in close-up views. The skill guides texture resolution, physically based material maps, surface mapping, filtering, and progressive loading while checking download size and GPU memory use.

• Prepare wood, stone, and fabric materials for close-up views
• Fix texture seams, grain direction, and normal map orientation
• Preserve floor and foliage detail at oblique or distant views

Build ice and frost visual effects in Three.js using reusable modules. Combine branching frost growth, refractive ice spikes, cracks and settling fragments, freezing mist, and swirling snow into a coordinated sequence demonstrated on a snowy ground.

• Animate frost spreading across the ground
• Create erupting ice spikes that crack and shatter
• Combine freezing mist with a swirling blizzard

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.

• Add sunbeams to an underwater scene
• Render a rippling water surface from below
• Light swimming fish as they cross beams

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.

• Building architectural walkthroughs
• Adding room navigation to real estate tours
• Creating museum and showroom tours

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.

• Creating backlit curtains
• Differentiating linen, silk, and wool
• Adding hems and stitches for close-up views

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

Create wood surfaces in Three.js using a single material with code-generated grain, pores, end grain, and finishes. Coordinate color, roughness, and surface relief to improve close-up detail and reduce visible repetition across boards.

• Creating wood grain for furniture, floors, and tool handles
• Adding pores and end-grain detail for close-up views
• Adjusting oil, wax, and lacquer finishes

Implement fog of war, an effect that conceals unseen areas, in Three.js action games. It combines soft visual boundaries with obstacle-aware visibility rules for targeting and combat, plus performance tuning and testing guidance.

• Add soft, wall-aware fog to a Three.js game
• Align hidden-enemy targeting with visibility rules
• Fix radial streaks and seams in fog rendering

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 or revise Three.js game levels with movement kept on one flat plane. Organize routes, collision, encounters, objectives, and lighting, then verify visibility, traversal, reset behavior, and controls through desktop and mobile browser playthroughs.

• Designing flat routes and combat arenas
• Separating decoration, collision, and navigation data
• Matching local lights to visible torches or lanterns

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.

• Tuning follow cameras and isometric framing
• Keeping players visible around walls and tall props
• Adding lock-on behavior and temporary camera shake

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.

• Choosing between imported models, code-generated shapes, and 2D art
• Defining asset scale, attachment points, and collision needs
• Checking asset readability and performance in the game

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.

• Add or revise an in-game changelog screen
• Reconstruct release history from deployments and Git
• Keep displayed game versions aligned with published builds

Build fire effects in Three.js, including fireballs, moving flame fronts, whirls, and smouldering ground. A reusable module combines rising flames, temperature-based color, smoke, sparks, heat distortion, and shared firelight, with a five-stage demonstration.

• Creating held flames and thrown fireballs
• Building expanding walls and rings of fire
• Staging fire whirls with smoke columns

Review and improve game attacks and spells using recorded footage and two independent blind judges. Separate scores for readability and art guide changes to animation timing, effects, lighting, and target reactions, with performance costs tracked alongside visual quality.

• Score combat abilities against a named visual reference
• Align target reactions with the moment an attack lands
• Improve spell lighting, trails, and impact effects