A diagram drawn in JavaScript using lauren's /statechart skill. The life of one animal cell Open source. Made with Claude Opus 5.5

Link to website with open source repo:

@poteto beautiful

@poteto Tysm!

@poteto what's good about it, specifically

@poteto A JavaScript diagram of the life of an animal cell, made with Opus 5.5 and a statechart skill, is a lovely use of models for explainers. Following you for more of this, follow back if you're into AI evolution too. What should the next diagram be?

@poteto biology class would've gone a lot better if the cell cycle came as a statechart instead of that one blurry textbook diagram

@poteto super cool

@poteto one cell got a whole life story 😭

@poteto Really impressive

@poteto Did tlc find a wrong step while you modelled the cell, or did it pass on the first run?

@poteto This is exceptionally beautiful *and* useful for students and educators!

@poteto a cell fits statecharts really well since so much of it runs in parallel. a flowchart would flatten all of that into one line

@poteto The font looks nice! I didn't realize you drew it yourself until I inspected the detail.

@poteto Drawing a cell in JavaScript is a fun way to learn biology 🔥

@poteto Great work as always Kevin! I'm addicted to javascript and opus too. What do you use instead of "make no mistakes" nowadays? :D

@poteto A cell’s life is a lovely fit for a statechart: “ready to divide” is very much a status with conditions.

@poteto Really good 👏👏

@poteto Awesome job man

@poteto Nicely done. Look at that. Beautiful, detailed n concise 👏

@poteto Can you explain the workflow you used? Im pretty sure anyone just using the skill alone wont be able to generate one as good as this ☺️

@poteto I'd love a step-through mode that highlights the active state alongside the cell animation. Then you could edit one transition and watch how the cell's path changes. Would make a fun way to teach state machines.