Bright Green Tech System (Meng To)
3/5 out of 5. Read the verdictA bright-green technical design system: split layouts, hard-framed dark panels, mono labels and a WebGL hero.
First screen only. Switch to side by side to read the full pages.
Scroll either page; the other follows.Full Bright Green Tech System (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
Bright Green Tech System is the furthest from the default in this batch: a near-black HUD with hard-framed panels, JetBrains Mono labels and a lime glow, plus a WebGL visual in the hero. It reads like a dev tool more than a budgeting app, and the mobile dashboard scrolls sideways. Pick it if your product is technical and you want it to look it.
Pick it for
- developer tools
- infrastructure and API products
- crypto and trading dashboards
- technical launch pages
Skip it for
- consumer personal finance
- friendly onboarding flows
- light-mode brands
Typography
- Inter Tightlanding
- JetBrains Mono
- Space Groteskdashboard
Colors
Observations
- dashboard mobile: 598 px wide on a 390 px screen, so it scrolls sideways
- the terminal mood fights the calm tone a household budgeting app needs
- lime on near-black is loud; small grey mono labels get hard to read
Install
1 Run in your terminal
npx degit MengTo/Skills/agent-skills/web-design/bright-green-tech-system-webgl#main .claude/skills/bright-green-tech-system-webgl2 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 bright-green-tech-system-webgl skill from this repo.
Details
- Type
- Skill
- GitHub stars
- 6,821 (Stars are for the whole MengTo/Skills repository.)
- Updated
- today
- License
- MIT
- Best for
- Visual directionLanding pages
Test runOpus 5.5Claude Code 2.1.302Oct 18, 2026generated in 6 minabout $1.37 at API pricescommit 83a47fe
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
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.
Algorithmic Art (Anthropic)
Algorithmic Art paints a seeded generative flow field across the hero, and even prints the seed, on cream with deep green, Fraunces and Instrument Sans. That art makes the landing page memorable, but the dashboard is close to the default. Pick it for a landing hero that nobody else has.
updated 8d ago
Also for these tasks
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
WebGL Laser (Meng To)
WebGL Laser runs a white-hot vertical beam with a mint halo down a near-black page, with Instrument Serif headlines over Inter Tight. It's striking on desktop, but on a phone the beam crosses the hero text, and the mobile dashboard scrolls sideways. Pick it for a launch page hero, not for the app itself.
updated today
Antislop UI
Antislop UI keeps the baseline's paper and serif but cleans it up: no overlapping hero cards, a working "assign $2,000" slider demo, honest placeholder copy and a dashboard that leads with what to do about the $640. Better made, still close to the default look.
frontend-design (Anthropic)
Anthropic's frontend-design gives Tally a mint-and-pastel landing page and a navy-and-manila ledger dashboard, both clearly new. The mobile landing page is wider than the phone, which caps the score.
updated 8d ago