Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Introducing Tinycharts Skill! 28 ways to visualize how things work~ All interactive, isometric and animated, in a warm sketch style. Escalations, timelines, flows, branches — each one a tiny world you can play with. The skill for the first 9 is free. Describe any process of your own and... show more

April

3,116 subscribers

60,175 views • 4 days ago •via X (Twitter)

Arts Science & Technology

Anya Rossi• Live Now

Private livecam show

25 Comments

April4 days ago

Play with all 28 + get the free skill → Art style inspired from @kevin_t_ngo’s statechart-art, logic checks from @poteto’s statechart skill. 🙏

April4 days ago

If you want all 28 types, editable templates and commercial use, there’s a Pro version in my shop:

beez 'beez beez' beez4 days ago

so cute!!!!!!!

bread.mega4 days ago

Buying low here.

April4 days ago

trust me bro

bread.mega4 days ago

Actually did buy the life sub. I think it'll be very easily worth the value at your pace and as I enter my vibe arc more heavily

April4 days ago

Really appreciate it 🩵 Feel free to DM me what kind of skill or pack would help with your vibe arc~

bread.mega4 days ago

Still trying to figure that out, to be honest. I do a lot of comparison stuff with flat images and charts (bars, lines, etc, etc) but am trying to embrace micro site experiences like

April4 days ago

Noting it down～ For now (interactive HTML charts) and the Comparison charts in Tinycharts might help you. Interactive data micro-sites template / skill might be a good idea for a future pack.

bread.mega4 days ago

That's what sold me tbh. That and the refined state stuff. I figured all the UI, icon and polish was just a nice bonus that will compound with time given I like your general stylings.

Brian | AI Agents at Home4 days ago

@bot add to my to do list

GOURAB CHATTERJEE4 days ago

Edtech leaderboard

Nick4 days ago

.add

loccointelligence4 days ago

this is really cool!! @bot check this out!

Hao4 days ago

The logic panel is the best part for me. One loaf reports a path from an asleep starter to a sold flat loaf. A replay button on that counterexample would let me watch the bad path on the sheet.

Kevin4 days ago

Cool cool cool, post them on GitHub and stop gatekeeping and charging money for @poteto's work

MSO4 days ago

@bot log in UX/design please

Nutoro4 days ago

why not make char tbigger?

April4 days ago

is it too smol for you

David East4 days ago

this is soooo good

April4 days ago

Thank you! Try it out~

David East4 days ago

I got a few ideas. I'll report back 🫡

Alex4 days ago

i want to create a game similar to your projects. they look really cool

April4 days ago

Thank you, game sounds like a good idea

John Hoang4 days ago

Very cool

Related Videos

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 👇

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 👇

April

134,906 views • 21 days ago

Introducing Anatomy Describe a machine in one line. Claude brings it to life. - Interactive isometric wireframes you can rotate, inspect and explore - WebGL shaders for fire, water, plasma and more - Real 3D motion, with individual parts that rotate and move Install it as an agent skill. Fully open source.

Introducing Anatomy Describe a machine in one line. Claude brings it to life. - Interactive isometric wireframes you can rotate, inspect and explore - WebGL shaders for fire, water, plasma and more - Real 3D motion, with individual parts that rotate and move Install it as an agent skill. Fully open source.

R

2,685,146 views • 29 days ago

This is actually cool - I tried the same prompt for the new Interactive Playwright skill in Codex & GPT-5.4 xHigh - the one above is with the skill and the one below is without. What the skill does is uses the computer use capability of GPT-5.4 to look and navigate the UI. This never worked for me before, but with GPT-5.4 this is the first time I can actually see a massive difference. You can see how the first scene is much more coherent, higher fidelity and complete. The one below is missing a lot of elements and isn't as rich in detail. I'll keep using it for any UI work now.

This is actually cool - I tried the same prompt for the new Interactive Playwright skill in Codex & GPT-5.4 xHigh - the one above is with the skill and the one below is without. What the skill does is uses the computer use capability of GPT-5.4 to look and navigate the UI. This never worked for me before, but with GPT-5.4 this is the first time I can actually see a massive difference. You can see how the first scene is much more coherent, higher fidelity and complete. The one below is missing a lot of elements and isn't as rich in detail. I'll keep using it for any UI work now.

Peter Gostev

257,606 views • 8 months ago

Everything is better in blocks. Introducing the new Voxel-It Skill—upload any photo and watch it turn into a Minecraft-style world. The Skill voxelizes the background, object, or both, while keeping the people perfectly human.

Everything is better in blocks. Introducing the new Voxel-It Skill—upload any photo and watch it turn into a Minecraft-style world. The Skill voxelizes the background, object, or both, while keeping the people perfectly human.

Pika

22,227 views • 4 months ago

When I’m trying to improve the user experience of my applications, one of the most valuable things is being able to see an entire user flow as a storyboard. Not just one screen or screenshot at a time. This is something I love using the `/visual-plan` skill for. You can describe any flow you want, and the agent will look through your code and wireframe out a storyboard of what the flow looks like. Then you can visualize the steps in a simplified way and spot areas to improve. Recently, I found that in certain flows we were still asking for organizations, even though I thought I had gotten rid of that and made it automatic. A quick storyboard let me see all the different code paths in a simple, visual, intuitive way. Spot the areas of the flow I didn’t want. And have the agent fix it. Sign up, onboarding, and setup flows are usually some of the most important experiences in your app. And usually the least looked at. Especially because it can be hard to reproduce every flow, for every situation, for every user type, feature flag, or whatever else you have. The `/visual-plan` skill lets you visualize any part of your code. Either to understand the current state, plan out a new state, or recap updates that were made. I’m pretty addicted to this skill. I use it for a lot of other things too, so let me know if you want to see videos on those. And of course it’s all open source. You can grab it on my GitHub. I'll link to it in the thread. If you try it, let me know your feedback.

When I’m trying to improve the user experience of my applications, one of the most valuable things is being able to see an entire user flow as a storyboard. Not just one screen or screenshot at a time. This is something I love using the `/visual-plan` skill for. You can describe any flow you want, and the agent will look through your code and wireframe out a storyboard of what the flow looks like. Then you can visualize the steps in a simplified way and spot areas to improve. Recently, I found that in certain flows we were still asking for organizations, even though I thought I had gotten rid of that and made it automatic. A quick storyboard let me see all the different code paths in a simple, visual, intuitive way. Spot the areas of the flow I didn’t want. And have the agent fix it. Sign up, onboarding, and setup flows are usually some of the most important experiences in your app. And usually the least looked at. Especially because it can be hard to reproduce every flow, for every situation, for every user type, feature flag, or whatever else you have. The `/visual-plan` skill lets you visualize any part of your code. Either to understand the current state, plan out a new state, or recap updates that were made. I’m pretty addicted to this skill. I use it for a lot of other things too, so let me know if you want to see videos on those. And of course it’s all open source. You can grab it on my GitHub. I'll link to it in the thread. If you try it, let me know your feedback.

Steve (Builder.io)

149,220 views • 4 months ago

$animated reels are taking over every feed right now i've built the ultimate 2.0 skill for claude that makes them for you you tell it what your account is about, give it your product , and it gives you a reel it can be automated with any agent → the story, the drawings, the voice and the captions → real music by real musicians → the cover and the caption to post it with → full hd → 9 to 11 minutes per reel, v1 took 25 to 39 → you see every reel first, one sentence to change anything these 3 videos were made from one line each we ran a blind test against v1 with the same ideas the asked ones scored it 18 out of 20 vs 14.3 and it won 3 out of 3 there are so many ways to monetize this…. - run faceless accounts that post a reel every single day - sell animated reels to brands and local businesses for a cheap price just take on the work of a whole animation studio and charge a fraction of it i'm giving the V1 of the skill for free, and the full V2 skill for an insanely low price comment "animator2" and i'll send it over (follow for dm)$

animated reels are taking over every feed right now i've built the ultimate 2.0 skill for claude that makes them for you you tell it what your account is about, give it your product , and it gives you a reel it can be automated with any agent → the story, the drawings, the voice and the captions → real music by real musicians → the cover and the caption to post it with → full hd → 9 to 11 minutes per reel, v1 took 25 to 39 → you see every reel first, one sentence to change anything these 3 videos were made from one line each we ran a blind test against v1 with the same ideas the asked ones scored it 18 out of 20 vs 14.3 and it won 3 out of 3 there are so many ways to monetize this…. - run faceless accounts that post a reel every single day - sell animated reels to brands and local businesses for a cheap price just take on the work of a whole animation studio and charge a fraction of it i'm giving the V1 of the skill for free, and the full V2 skill for an insanely low price comment "animator2" and i'll send it over (follow for dm)

Tobi

62,849 views • 4 days ago

I gathered my little drawings into one place: nine ways to draw how things work. An exploded street, a baggage machine, a comic, a clock… Under each one there’s a real statechart, checked with lauren’s statechart skill. Which one’s your favourite?

I gathered my little drawings into one place: nine ways to draw how things work. An exploded street, a baggage machine, a comic, a clock… Under each one there’s a real statechart, checked with lauren’s statechart skill. Which one’s your favourite?

April

49,272 views • 6 days ago

Such a good skill for visual explainers. All SVG and animated. Prompt I used: 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.

Such a good skill for visual explainers. All SVG and animated. Prompt I used: 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.

Meng To

114,469 views • 29 days ago

With just a photo of your own, you can swap in any scene and set it in motion. Made with the Peel-Off Sticker skill on and generated by Wan 3.0 ↓

With just a photo of your own, you can swap in any scene and set it in motion. Made with the Peel-Off Sticker skill on and generated by Wan 3.0 ↓

Diana

15,343 views • 1 month ago

Silent Dropping off the rope is such a necessary skill toward the higher ranks, and you see it in pro play all the time. Here's a quick explanation on how to do it, and how much it impact learning ONE TECH can have in your future games!

Silent Dropping off the rope is such a necessary skill toward the higher ranks, and you see it in pro play all the time. Here's a quick explanation on how to do it, and how much it impact learning ONE TECH can have in your future games!

FLOWSHIZZLE

12,971 views • 1 month ago

I want to invite you all to share your OWN swim stories with me, because the skill of knowing how to swim is so important and can be the difference between life or death. What has your journey been with water and and the skill of swimming?

I want to invite you all to share your OWN swim stories with me, because the skill of knowing how to swim is so important and can be the difference between life or death. What has your journey been with water and and the skill of swimming?

Danai Gurira

95,401 views • 3 years ago

Another week, another Weekly Tokimeki Question! This week is especially exciting because the question asks us: What is a special skill you gained through your work OR a special skill you have that supports your work? It's basically like sharing your secret superpower!👀✨ For Marie, her special skill is the ability to look at a drawer and know exactly what size box would fit perfectly into it to organize, and also her ability to know how to best utilize that drawer! 📌 What's one skill you're proud you built through your work or that supports your work? QRT and share a photo of your skill in action, we want to see your superpowers at work!

Another week, another Weekly Tokimeki Question! This week is especially exciting because the question asks us: What is a special skill you gained through your work OR a special skill you have that supports your work? It's basically like sharing your secret superpower!👀✨ For Marie, her special skill is the ability to look at a drawer and know exactly what size box would fit perfectly into it to organize, and also her ability to know how to best utilize that drawer! 📌 What's one skill you're proud you built through your work or that supports your work? QRT and share a photo of your skill in action, we want to see your superpowers at work!

The Art of Tokimeki

21,285 views • 2 months ago

What if creating a skill was as easy as showing Copilot how you work? With Record a Skill in Copilot for PowerPoint, perform a task and Copilot can turn that workflow into a reusable skill. We’re lowering the barrier to skill creation, making it easier for anyone to capture their expertise and teach Copilot how they work. Less prompt engineering. More expertise sharing.

What if creating a skill was as easy as showing Copilot how you work? With Record a Skill in Copilot for PowerPoint, perform a task and Copilot can turn that workflow into a reusable skill. We’re lowering the barrier to skill creation, making it easier for anyone to capture their expertise and teach Copilot how they work. Less prompt engineering. More expertise sharing.

Derek Johnson

12,740 views • 27 days ago

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: It's crazy what you can build nowadays with a skill and a few prompts.

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: It's crazy what you can build nowadays with a skill and a few prompts.

Meng To

143,536 views • 24 days ago

Introducing the /turn-into-app skill Turn any agent workflow into a visual agentic app Text is great for many things, but an agentic app with a real UI can take your agent workflows to the next level in one command

Introducing the /turn-into-app skill Turn any agent workflow into a visual agentic app Text is great for many things, but an agentic app with a real UI can take your agent workflows to the next level in one command

Steve (Builder.io)

19,482 views • 1 month ago

SO MANY people asked me for PROMPTs to use with the motion graphics SKILL that they bought I will share those prompts and ALL the ways you can create the BEST videos you can, just like this one Let me know if you want it for FREE Reply with "prompt" and I will DM you the link

SO MANY people asked me for PROMPTs to use with the motion graphics SKILL that they bought I will share those prompts and ALL the ways you can create the BEST videos you can, just like this one Let me know if you want it for FREE Reply with "prompt" and I will DM you the link

Chain

45,823 views • 1 month ago

I built a Claude skill that can automate AI animated videos you can use to build Instagram affiliate business Here’s how it works: >You input your product and it generates a script for you >It asks you what style animation you want to do >It then gives you the prompts to generate your images in NBP >After it will ask you what video generation model your using and give you the prompts to animate the images Allowing you to pump out a ton of animated videos you can upload to Instagram, TikTok and Facebook simultaneously You then run a many chat comment funnel and push the traffic to an email list where you can further market a peptide affiliate offer from Glitchy to them If you want the skill to test RT + reply “skill” and ill send it to you (must be following so I can DM)

I built a Claude skill that can automate AI animated videos you can use to build Instagram affiliate business Here’s how it works: >You input your product and it generates a script for you >It asks you what style animation you want to do >It then gives you the prompts to generate your images in NBP >After it will ask you what video generation model your using and give you the prompts to animate the images Allowing you to pump out a ton of animated videos you can upload to Instagram, TikTok and Facebook simultaneously You then run a many chat comment funnel and push the traffic to an email list where you can further market a peptide affiliate offer from Glitchy to them If you want the skill to test RT + reply “skill” and ill send it to you (must be following so I can DM)

Pounds

14,538 views • 3 months ago

How to create an animated logo reveal with Fotor Video Agent？ Creating one from scratch in After Effects can take hours of manual work. With Fotor Video Agent, just describe the animation you want in one prompt, and it generates the MG animation for you. And unlike a typical AI-generated video, the result is fully editable. You can tweak the text, elements, timing, and animation anytime to match your style. One prompt. One workflow. Fully editable motion graphics.

Fotor

26,982 views • 2 months ago

I built a custom Claude skill that does 90% of the work for making crochet-style AI ads. It thinks like a creative director. It breaks your script phrase by phrase. It gives you visual options, image prompts, and video prompts -- all in one flow. My team uses it every day on real client accounts. And I'm giving it away for free. Comment "SKILL" below and I'll DM you the link. 👇 (Must be following to receive)

I built a custom Claude skill that does 90% of the work for making crochet-style AI ads. It thinks like a creative director. It breaks your script phrase by phrase. It gives you visual options, image prompts, and video prompts -- all in one flow. My team uses it every day on real client accounts. And I'm giving it away for free. Comment "SKILL" below and I'll DM you the link. 👇 (Must be following to receive)

Camilo Castañeda | Ad Creatives for Ecom

35,289 views • 5 months ago