Meng ToDesign+Code founder; MengTo/Skills 7k+ GitHub starsAwwwards-Quality Sites
Build a motion-rich website with real art direction, not a template.
Build a landing page for Tidewell, a ceramics studio on the Portuguese coast. Make it feel art-directed, not like a template.
Used Edge: Awwwards-Quality SitesAn art direction written first, then one standalone HTML page.
A Three.js glaze shader hero, with reduced-motion and no-JS states.
What it does
- A real art direction
- A standout hero
- GSAP motion
- Optional Three.js
- Quality bar
- Fallback states
Why Meng To
Founder of Design+Code. Each fact links its public source.
- Founded Design+Code
He founded Design+Code, teaching designers to code and developers to design.
mengto.com - Builds design tools Aura and DreamCut
He builds Aura and DreamCut alongside his Design+Code courses.
mengto.com - 7k+ GitHub stars on his skills
His agent skills repo for designers and builders has 7k+ GitHub stars.
GitHub
How it works
- 1Direct
Sets the art direction and the asset system.
- 2Build
Composes the hero and one motion system.
- 3Validate
Checks the quality bar before handoff.
Build a landing page for Tidewell, a ceramics studio on the Portuguese coast. Make it feel art-directed, not like a template.
Used Edge: Awwwards-Quality SitesAn art direction written first, then one standalone HTML page.
Package instructions + 1 worked example
These materials show the intended workflow. They do not support a measured performance claim.
Evidence standardSelect the Files tab to load SKILL.md.
Skill details
What you get & setupPackage instructions
Build a striking, motion-rich website with a real art direction instead of a template look.
- Input
- A task and the working material it needs
- Output
- Generated image
- Setup
- Read the package instructions before use
Evidence & limitationsPackage available
Package available. All skill files are here. The worked example explains the intended workflow; it is not a recorded model run.
Creator, source & adoptionMeng To
Created by Meng To. The installable package is distributed through the public getedgehq skills collection.
Read skill files3 files
Security scanPassed · Oct 7, 2026
Edge scans the exact package it delivers before an agent loads it. A pass means no scanner flagged it, not that the skill is safe: read its instructions and commands before you run them.
- Edge static checks
- Pass · edge-static/1.0.2 · Oct 7, 2026
- Edge committed-secret checks
- Pass · edge-secrets/1.0.0 · Oct 7, 2026
- Gen Agent Trust Hub
- Pass · Sep 25, 2026 · via skills.sh
- Socket
- Pass · Sep 25, 2026 · via skills.sh
- Snyk
- Pass · Sep 24, 2026 · via skills.sh
