Meng To (@MengTo)
@MengTo
0 正在关注 0 粉丝
I open-sourced my 3d towers building site and the skills I used to create well-textured three.js models.
The entire site is 1.38mb gzipped, including all models, sounds and textures.
Site:
Github repo:
Skills:
- threejs-towers
- threejs-weather
- threejs-landscape
With an open-source project you get a way better starting point. All you need is to ask what to change, how to improve it, and rebuild it for a different theme. I added Cambodia, Vietnam and Turkey, plus storms and blizzards, and those came out perfectly with one prompt.
The foundation is done, so adapting it and pairing it with your taste is what takes it further. Try modern towers, different backgrounds, weather and styles. SimCity, Civilization, Warcraft, C&C, etc. It's really fun.
显示更多
I made an interactive three.js site that constructs towers with weather and time of day effects.
I went from making mostly static sites with huge images to three.js with highly textured, detailed 3D models, and the entire site is under 1-2mb. Because it's 3D, you can ask AI to customize everything: themed towers from different countries, ancient and modern styles, weather like snow and rain, lighting from morning to night.
The surprising part is that with a solid foundation it creates those changes pretty much one-shot. It's like starting a design system, where the AI figures out how to stay consistent in quality with the rest of the design. The hard part is avoiding 3D slop, which is easier thanks to Opus 5 and open-source projects.
I used Claude Code for the harness, Higgsfield to generate textures and soundfx/music.
Let me know if you'd like the open-source.
Inspiration:
Btw, I love that we get auto-translated posts from around the world. It really expands our horizon in terms of inspiration.
显示更多
I made an interactive three.js site that constructs towers with weather and time of day effects.
I went from making mostly static sites with huge images to three.js with highly textured, detailed 3D models, and the entire site is under 1-2mb. Because it's 3D, you can ask AI to customize everything: themed towers from different countries, ancient and modern styles, weather like snow and rain, lighting from morning to night.
The surprising part is that with a solid foundation it creates those changes pretty much one-shot. It's like starting a design system, where the AI figures out how to stay consistent in quality with the rest of the design. The hard part is avoiding 3D slop, which is easier thanks to Opus 5 and open-source projects.
I used Claude Code for the harness, Higgsfield to generate textures and soundfx/music.
Let me know if you'd like the open-source.
Inspiration:
Btw, I love that we get auto-translated posts from around the world. It really expands our horizon in terms of inspiration.
显示更多
I'm open-sourcing my Agent Skills library.
75 skills for Codex, Claude Code, Cursor, and other agents, focused on web design, landing pages, motion, WebGL, UI styles, and assets.
A few favorites:
- Video to Super Prompt
Turns a screen recording of a design, landing page, or animation into a super detailed prompt that Fable 5 can one-shot into HTML.
- HTML to Interaction Prompts
Takes an existing HTML page, like something built in Aura, and extracts prompts for sections, buttons, animations, WebGL effects, and interactions.
- Stitched Full Page Capture
Captures the entire landing page, not just the hero, so you can use the full page as a design reference.
- Daily UI Inspiration
Combines multiple skills into an agent loop that browses the web, captures great landing pages, and turns them into detailed prompt packs.
It's free. Fork them and adapt for your own workflow.
显示更多
Insane to see the iOS simulator in Codex.
iOS dev is about to get way easier with this plugin.
Here's how I avoid these:
- Don't use GPT 5.5 to start a design
- Always use an image reference or site url
- Never prompt without a taste skill or DESIGN.md
- Set up design rules in AGENTS.md
- Get familiar with their names so you can change them
显示更多
