←Leaderboard/Design/Skills
Last commit on October 4, 2026·Created on February 3, 2026

MengTo/Skills

“Implement 3D materials and manage project workflows.”
Combined rank
#90
across all skills
In Design
#16
category rank
Stars
7.3k
+2.1% in last 7d
Forks
845
+1.8% in last 7d
Watchers
37
0.0% in last 7d
Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
TL;DR

This repository provides technical implementations for high-fidelity 3D visuals and structured project coordination.

WHO IT'S FOR
Creative Technologists
implementing high-fidelity 3D effects in Three.js
3D Web Developers
optimizing high-poly models for web runtime
Architectural Visualization Specialists
creating outdoor scenes with seasonal transitions
Game Environment Artists
developing realistic fabric and nature assets
Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.

Use this skill collection

Follow the documented setup, then try a first task.

I’m using

Codex: load skill files directly

Installs: Load selected Agent Skills playbooks as working context. · Codex

  1. In Codex, load the relevant SKILL.md before acting: agent-skills/web-design/marquee-loop/SKILL.md, agent-skills/web-design/css-alpha-masking/SKILL.md, or agent-skills/game-development/optimize-threejs-games/SKILL.md.

Give it something to do.

Suggested first task

Add a seamless chip marquee

Uses marquee-loop

  • The page or component to modify
  • Short feature-chip content that does not require careful reading
Use the marquee-loop skill to turn my supplied short feature chips into one seamless infinite marquee. Duplicate the sequence, keep item widths stable, use a linear transform, and provide a static wrap for prefers-reduced-motion.
Suggested first task

Fade a container's left and right edges

Uses css-alpha-masking

  • An element with visible content
  • The element's HTML and existing CSS
Use the css-alpha-masking skill to provide CSS for a left/right edge fade on my supplied element. Use transparent edges with black stops at 15% and 85%, include both mask-image and -webkit-mask-image, and show where to apply the styles.
Suggested first task

Establish a game performance baseline

Uses optimize-threejs-games

  • A runnable Three.js or WebGL game and its launch instructions
  • A deterministic encounter or reproducible steps to reach one
  • Target device, viewport, and quality level
Use the optimize-threejs-games skill to profile one deterministic representative encounter in my game before changing code. Record the device, viewport, quality level, player position, enemies, active effects, frame time, draw calls, triangles, texture count, and warnings. Identify evidence of CPU or GPU pressure and recommend one low-risk next fix.