Me explaining my entire workflow in a 38-min tutorial

You can pretty much reverse engineer any device in your home and build a mac app around it. Applied to lights, doors, ac and even the future robot helper. Here's the skill: github.com/morluto/rea It's crazy what you can build nowadays with a skill and a few prompts.

Such a good skill for visual explainers. All SVG and animated. Prompt I used: github.com/wheresryan22/anat… install skill /anatomy Explain how Seedream 5.0 is able to split an image into layers and what cool things you can produce with it. Do that in a single HTML file. Change the camera/zoom in for scene 1 to 5 to explain more clearly.

This is a must-have collection of shaders for making landing pages. Use this prompt in codex/claude: github.com/shader-effects-in… Give me the list of the shaders and their screenshots so I can use for my website.

Nano Banana 2.1 is absolutely incredible for web design and creatives. Google really cooked with this one. It's my default image gen. No more of those visual artifacts.

I recorded a 45-min tutorial on how to create paid apps with Claude Code and Codex Prompts below 👇 TLDR: I hit $100K MRR. Aura is now only 20% of that. Completely different strategy now. Here's my playbook for building paid web apps with AI: - Find ideas in the tools you use every day. What's missing in Codex, Cursor, Figma? - Revisit your old products and ask how you'd build them today - Use Opus 5.5 for front-end, Codex for harness - One-shot for a baseline, then break it into parts. Anyone can copy a one-shot - Name your stack and future needs up front: React + Vite, Supabase, Stripe - Give one quality reference per feature: Figma, Spline, Linear - Add an AI layer with APIs so the tool generates, not just displays - Have the AI score its work out of 10 and screenshot its own mistakes - Record a demo, post everywhere, paste feedback into your agent, ship If you care, the AI cares. If you need inspirations, get 20% off Mobbin: mobbin.com/designcode Prompt #1 Can you create an app based on my meeting notes? I want a tool that creates editable 2D and 3D mockups. I want to switch the screen and turn the results into marketing materials: YouTube covers, Twitter posts, motion design, mockups, and website creatives. I want to animate all of that. Use React and Vite. Use Supabase for the database and real-time collaboration, including teams and invitations for team members. Use Stripe Managed Payments for payments. References: {ref} for mockups; Figma for design and 2D tooling; Spline for 3D creation and options; Figma Community for the library; and Linear for the landing page. Self-verify until it's perfect. Prompt #2 Create an AI tool that lets me generate icons from a prompt. Use Claude, Higgsfield, or OpenAI. I'll log into the provider's website. Create the API key, store it securely server-side in Firebase or Supabase, and use it securely to generate new icons. Tell me if you need me to complete any steps. Prompt #3 Use Stripe Managed Payments. Set up the payment workflow and all required webhooks. Do as much of the setup as you can yourself. When you need me to do something, tell me exactly what to do and walk me through it as a beginner who has never set up payments before.

I'm shocked. I gave Opus 5.5 an old project I'd always wanted to improve, and it almost did it in one shot. This used to take a team of designers and engineers, and we still couldn't reach this level of fidelity. Every device is built entirely in three.js and fully customizable. It even has a design tool inspired by Figma, complete with layers. If you haven't revisited your old projects with ideas you once thought were impossible, give it a try. It's mind boggling.

I made this holographic card with Opus 5.5 by combining 2D artwork with 3D objects. I used multiple PNG layers with a depth map skill then added 3D elements like the sword and card extrusion. That combination gives the card its depth. Making the best holographic card I can has been one of my side quests. I think this is it. Live site: threeui.com/dark-souls-holo-… My 3D skills are open source: github.com/mengto/skills

I asked Opus 5.5 to make this entire motion design piece. It took a lot of steering and code references though. But it really understands animations, transition effects and camera movement. It even created the 3D models for each device and logo. What's cool is that you can ask it to adapt the design to your content and it'll do the research for you whether you give it a URL or a local project. It helps to have a library of 3D devices, buttons, effects, and motion design templates like this. Otherwise, it'll be pretty generic. I used my own open-source library threeui.com where you can use "Copy Prompt" for templates like this.

I recorded a 47-minute tutorial on how I use Opus 5.5 to create designs with gorgeous three.js scenes. I've been using Mobbin MCP to give my agents strong references, then letting Opus bring them together into a full landing page with multiple sections and a consistent design. Opus also created a super detailed brand guide, logo explorations, and some amazing ad creatives. Went way beyond my expectations. Live site: sunset.mengto.here.now Site made during the tutorial, with prompts: sunset-tutorial.mengto.here.…

Opus 5.5 sculpted every part of this ship in code, including the dragon, sails, and architecture. I can't say it has bad taste anymore. But it still needs steering, so I tried a new way of prompting. Live site: ship.mengto.here.now I asked Opus to score every part of the scene: the ship, water, landscapes, buildings, and their individual parts. Then I asked it to keep improving each part until it scored at least 8 out of 10, depending on my token and time budget. The key is to let it work as long as possible. The longer it works, the better it gets, until it reaches a point where I need to course correct. For me, Opus 5.5 reaches a level of detail and realism that no other model does.

Opus 5.5 is next level. I’m genuinely impressed by the three.js details. I generated a playable boat scene through Japanese landscapes with dynamic weather, day and night lighting, realistic textures and 3D characters. Live site: valley.mengto.here.now The water reflections, physics, scenery and architecture are insane. I could look at this all day.

I recorded a 41-minute tutorial on how I use Astra to create insane three.js websites in Codex. I've been using DiffUI to brainstorm UIs before moving into code. It's fast and cheap, generates multiple variants and lets me branch ideas, sections, logos, and other components. Then I use "Copy for agent" and bring everything into Codex where I add transparent PNG layers, animations, and three.js skills. Live sites: cardgame.mengto.here.now renaissance.mengto.here.now 3D skills: github.com/MengTo/Skills Get $20 in credits on DiffUI: diffui.ai/?invite=inv_6ca449…

I made a learning site for grades 1–7 with books for math, English, and science. My kids loved it. I used GPT-6 Astra with the Hyper3D Rodin MCP to create the 3D shelf souvenirs, candles, lamps, and pins. What stood out was the speed and quality. Rodin gave me richly detailed, high-quality, production-ready assets for the site. You can see the detail in the metalwork on the candelabra and lantern.

GPT-6 Astra is amazing for motion design, especially when you're presenting a UI or an app. I asked it to create a Codex promo using PerspectiveUI from my ThreeUI library. Then I kept refining it: a midnight-blue nebula, stars forming a 6, progressive blur, 3D camera moves, close-ups of typing, and text particles. I finished by cutting it to 30 seconds, six distinct scenes, and three prompts from our conversation. Live site: motion.mengto.here.now

This is a japanese house-tour landing page made in three.js with Fable 5.1 using the dream-loop skill. Live site: seijaku.mengto.here.now It's crazy how realistic it looks even though it's all code and under 1 MB (except images). You can tour every room, switch between seasons, see light rays through the house, and watch koi swim through realistic water. The secret sauce to ultra-realistic 3d in code is a loop like this: dream-loop gets the agent to generate a target image, compare the live 3d against it with a separate critic, and keep refining the result. Skill: github.com/achimala/dream-lo… Let me know if I should open-source the page.

I built a multiplayer Catan-inspired game entirely with Astra. It's free to play: settlecoast.com It's mobile-friendly and has narration, guides, customizations, multiple expansions and a game lobby where anyone can join, chat, and use voice chat. It took 4 days to build and hundreds of dollars in tokens. Becoming a game dev in 2026 wasn't on my bingo card, but here we are. AI has advanced so much that you can finally make the game you've always dreamed of, even without a team.

So I'm adding learning books for math, science, and languages using the same concept. It's still early, but my kids loved the stories! For some reason, they don't like doing homework on paper. Hopefully, creating a world around it and making it interactive and rewarding will work better. I'm trying different themes like Harry Potter and origami. A lot of people want to create their own, so I'll make a specific course about this and include the source code. For now, you can take my Fable 5.1 game development course and join my webinars: designcode.io/courses/build-…

I built StoryComet with Fable 5.1 in three days. 15 animated children's books in five languages, with translated voiceovers, covers and UI. storycomet.app Parents can track progress. Kids can take quizzes, collect pins and 3D souvenirs, and switch languages on the fly. Six books teach English, Spanish, French, Japanese or Chinese. My three-day workflow: - Day 1: prototype (and post on X) - Day 2: 9 more books, languages, progress, quizzes, pins and souvenirs - Day 3: polish, domain name, supabase, accounts, Stripe and optimization The first three books are 100% free so you can try the whole experience. Members unlocks the other 12 at early-bird pricing. The 3D models and tokens cost me hundreds of dollars, so your support means a lot.

I asked Astra to create a Catan game in three.js and it came out incredibly well. I played it, and the animations make it so much fun. The instructions and info cards make the game easy to learn. It even has AI players and trading. Astra used another game I had started building as a reference. The more games I build, the more skills and assets I have for the next one. It can remix the UI, 3D models, pages, and sounds instead of rebuilding everything. Now I want to see how many other board games I can make from this foundation.