Designing @pendle_fi. Making complex products easier to use, and building interactive things with AI.
Joined December 2021
- Tweets703
- Following352
- Followers1.8K
- Likes1.8K
Pinned Tweet
Many asked me how to make these, so I turned it into a skill~
Colorfigures: Describe an everyday object, and Claude draws it hand-inked and isometric, with buttons that actually work.
You can also ask how something works and the skill will label the parts to explain how each part does its job.
Free and open source 👇
Love this! If I had kids, I’d love to teach them this way.
I’ve been exploring learning through play too! A Claude skill for making hand-drawn, interactive everyday objects. Here’s my little washing machine :)
colorfigures.vercel.app
Credit where it's due. Colorfigures is built on ISO-GLOW, which is built on Tolga Cohce's MIT-licensed iso-figure skill:
github.com/MrBongoC/ai-iso-s…
Love this! If I had kids, I’d love to teach them this way.
I’ve been exploring learning through play too! A Claude skill for making hand-drawn, interactive everyday objects. Here’s my little washing machine :)
colorfigures.vercel.app
Update: you can now make your own. Colorfigures is a free skill for Claude: describe an everyday object and it builds a hand-inked isometric figure you can actually play with!
xitter.cf/Aprilzz423/status/2111…
Many asked me how to make these, so I turned it into a skill~
Colorfigures: Describe an everyday object, and Claude draws it hand-inked and isometric, with buttons that actually work.
You can also ask how something works and the skill will label the parts to explain how each part does its job.
Free and open source 👇
Skill: april-zhu.com/colorfigures
Demo: april-zhu.com/colorfigures-d…
Demo currently has 26 figures and I am adding more! Have fun
This skill is incredible.
I paired it with ISO-GLOW for dark styling, exploded views, labels and section cuts.
The three skills work beautifully together—you can showcase a model and let people explore how it’s put together.
Opus 5.5 + /anatomy skill is great for motion design but...
add /anatomy-reveal to turn Claude into premier motion design studio
• Real-size 3D models from a photo or name
• Motion-blurred reveal films, 1:1 to 16:9
• Exploded views you can take apart
send skills your Claude:
> typingmind.com/skills/annngu…
> skills.wheresryan.sh/anatomy
xitter.cf/Aprilzz423/status/2111…
Just added 3d real time rendering to entrance animation
@Tesla just revealed the new #roadster so I rebuilt it with ISO-GLOW～
Yesterday the entrance animation was an outline. Now it’s rendered in real-time 3D with @threejs materials, lighting and the light bar, all live in the browser.
Launch it, hop it, cut it in half or take it apart!
Specs are from the reveal. The internals are my best guess.
Gemini 4 Argon on 3D scenes is pretty amazing.
How does @claudeai Opus 5.5 fare? Turns out, it's really good.
This is The Shipwright. Live procedural generation of (possibly) historically accurate ships.
Zero pre-baked models. Every line is drawn from live math—stretch the hull to 78m, stack 3 gun decks (it auto-raises hull depth to clear the waterline), add a 4th mast, or unfurl the sails from 15% to 100% in real time.
Hit Random to roll a brand new warship class on the spot, or toggle down to raw wireframe blueprints! have fun!
I feel like we haven't seen enough of what Gemini 4 Argon can actually do ❤️🔥
I gave it one image of a Gothic Victorian carriage and asked it to build the whole thing as an interactive 3D experience.
Just one image and this is what you get.
A 174,000 face model from scratch, complete with opening doors, hinged windows, working wheel physics, suspension, flickering lanterns and even custom sculpted skulls.
All of this generated through code. No blender.
Argon absolutely delivered with this one too. Many more such experiments are on the way :D
Try building your own vessel in the yard here (best on desktop):
april-zhu.com/shipwright
Same ETH. Two exchanges. Different funding rates.
If funding averages 8% APR on Hyperliquid and 3% on Gate, the spread is 5%.
Boros Spread Markets lets you trade that gap directly—with one position and one margin requirement, rather than two separate Boros positions.
Why trade it?
• Take a view on the spread widening or narrowing.
• Hedge funding-rate exposure alongside positions on the underlying exchanges.
Here’s how it works ↓
@boros_fi @pendle_fi #pendle #boros
I've been working on Playable — a Claude skill that turns a robot sketch or rigged 3D model into a character you can control in your browser.
Walk, run, jump, wave, switch on its lights. I had a lot of fun bringing these little robots to life :)
The skill is free, and there are four robots to try. Hope you enjoy playing with them!
Try the demo
april-zhu.com/playable-demo
or install the skill to build your own robot and share what your are building here!
april-zhu.com/playable
Anatomy made me wonder: what if its figures were fully explorable in 3D?
I built a camera and 50mm lens using @wheresryan22’s Anatomy + ISO-GLOW. Orbit, explode and slice it open; adjust focus/aperture; trace light through 6 elements.
Play → isoglow.dev/3d-anatomy
1. Install Anatomy → skills.wheresryan.sh/anatomy
2. Install/Update ISO-GLOW → isoglow.dev
Prompt: “Use Anatomy to research [object] from real sources: true dimensions, part list, teardown order. Then use ISO-GLOW to build it as an orbitable Three.js scene at real scale, with exploded views, service-manual labels, a section cut and working controls.
Some iterations would be required for it to look polished. Try it out!
ISO-GLOW does 3D now.
Same Claude skill now with Three.js: orbit, true-isometric snap, working buttons.
You can also hand it your own 3d model in .glb and let it clean and restyle.
12 playable demos to save for your next 3D build ↓
isoglow.dev/demo/3d
Download the updated skill ↓
isoglow.dev/
Made with the ISO-GLOW skill
isoglow.dev
