3D Underwater God Rays (Meng To)
3/5 out of 5. Read the verdictAdds drifting underwater light shafts to a 3D scene that converge on the sun and ripple with the camera.
First screen only. Switch to side by side to read the full pages.
Scroll either page; the other follows.Full 3D Underwater God Rays (Meng To) pageFull baseline
Every skill gets the same Tally brief, alone in a clean project. How we test
Our verdict
3/5 out of 5
Passed the cut
3D Underwater God Rays sets Tally in deep water: teal-black colors, Instrument Serif headlines, sand-colored buttons and a live WebGL hero with light shafts drifting down. The dashboard has translucent panels over the same moving light, with aqua for progress and coral for the over-budget envelope. It is atmospheric and consistent, but the mobile dashboard scrolls sideways. Pick it for calm, premium dark brands.
Pick it for
- wellness and calm apps
- premium dark product pages
- ocean and travel brands
- hero visuals
Skip it for
- dense admin tools
- low-power devices
- light, bright brands
Typography
- Instrument Serif
- Manropelanding
- Instrument Sansdashboard
Colors
Observations
- the moving background behind glass panels lowers contrast in places
- the WebGL scene adds weight and needs a still fallback
- dashboard mobile: 665 px wide on a 390 px screen, so it scrolls sideways
Install
1 Run in your terminal
npx degit MengTo/Skills/agent-skills/3d/3d-underwater-god-rays#main .claude/skills/3d-underwater-god-rays2 Or paste a prompt into Claude Code, Codex, Cursor or Gemini
It tells your tool to install this from its source repository.
This install is for Claude Code only; for other agents use Copy prompt or copy the skill folder.
Copies just this skill's folder into your project's .claude/skills.
Check the source for the latest instructions.
We tested the 3d-underwater-god-rays skill from this repo.
Details
- Type
- Skill
- GitHub stars
- 6,835*
- Updated
- today
- License
- MIT
- Best for
- Visual directionLanding pages
Test runOpus 5.5Claude Code 2.1.303Oct 19, 2026generated in 8 minabout $1.84 at API pricescommit 83a47fe
* Stars are for the whole MengTo/Skills repository.
Made this skill?Put your score on your README, and claim this page for a link to your site. 
1. Put your score on your README
[](https://skillsfordesign.com/s/mengto-skills-3d-underwater-god-rays/) The badge links here. If a retest changes the score, it updates by itself.
2. Claim this page
Get a free backlink to your site.
- A followed link, not nofollow. From the page about your skill, on a site about design skills, to your portfolio, product or studio. Search engines count it.
- Your name on the page. Credited as the maker, right under the description, where every visitor sees it.
- Free. Live within a few days.
How it will look
Thanks, we have it.
We'll check the repo and email you when your name is on the listing.
Similar
Same brief, other skills
Impeccable
Impeccable drops the cream-and-serif default for a loud navy, orange and primary-color landing page set in heavy Archivo, then builds a calmer pine-and-lime dashboard. Pick it if you want a product page with real energy that still holds up on a dense screen.
updated 1d ago
Hallmark
Hallmark turns Tally into a cheerful yellow-and-pastel brand in Plus Jakarta Sans with big ghost numerals, and the dashboard matches it. The most consistent result in the set, but it took about 12 minutes per brief.
updated 2mo ago
3D Metal Material (Meng To)
3D Metal Material gives Tally a dark studio look: Instrument Serif headlines with brass accents and a slowly tilting brushed-steel card in the hero, drawn live with WebGL. The dashboard puts the $640 on a machined steel plate and uses steel, brass and copper finishes on the bars and buttons. It feels premium and is consistent across both pages. Pick it when you want one rich 3D centerpiece on a dark product page.
updated today
Illustration: Outlined Cartoon (Meng To)
The Outlined Cartoon skill draws its own SVG people and objects, with thick black outlines and flat yellow, periwinkle, red and green fills, and builds the whole page around them: chunky Bricolage Grotesque, hard offset shadows and sticker-like cards. The dashboard keeps the cartoon, down to a little character in the summary card. Pick it if you want a friendly, playful product that looks hand-made.
updated today
Also for these tasks
3D Sky Rays (Meng To)
3D Sky Rays gives Tally a golden-hour hero: a live WebGL scene with sunlight through a tree canopy over a rooftop and hills, then a cream and dusk page with Fraunces and Manrope. The dashboard puts the October summary in a sunlit banner with rays through leaves. The hero is lovely, though the rest of each page is a warm cream look close to the default. Pick it for a calm, cinematic hero.
updated today
Background Grid WebGL (Meng To)
Background Grid WebGL puts a perspective grid fading into the dark behind the hero, with mint accents and Instrument Serif headlines over Inter Tight. The dashboard keeps the dark look in Manrope. The mobile dashboard scrolls sideways. Pick it for a tech launch page with atmosphere.
updated today
ECC Frontend Design Direction
ECC keeps a Fraunces and cream landing page but adds mono labels and a tilted sticky note. The IBM Plex dashboard is more useful than the baseline's, with a sync alert, search and person filters.
Garden Web Design Engineer
Garden's web-design-engineer trades Fraunces for Young Serif and adds an orange-red accent with sage. It's a warm variation on the default, and it repeats the default's habit of a hero card covering the mockup.