Loading video...

Video Failed to Load

Go Home

My friend just released Claude skill that turns interface screenshots into an interactive UI and a ready-to-use onboarding video.

seraleev's profile picture

Viktor Seraleev

27,246 subscribers

528,861 views • 3 months ago •via X (Twitter)

EducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

a great way to get started is to use our skill, built into Claude Code. get the latest Claude Code release: $ claude update then start Claude Code and run our subcommand: $ claude /claude-api managed-agents-onboarding
0:11

a great way to get started is to use our skill, built into Claude Code. get the latest Claude Code release: $ claude update then start Claude Code and run our subcommand: $ claude /claude-api managed-agents-onboarding

Lance Martin

14,865 views • 4 months ago

Claude Code 2.1.90 just dropped with a new /powerup command Run it and you get interactive lessons that teach you how to use Claude Code right inside the tool. It's solid and has a lot of potential for learning directly in the terminal. Curious how the UI will look in VSCode and Claude Code Desktop. Going to keep digging into this new release!
0:18

Claude Code 2.1.90 just dropped with a new /powerup command Run it and you get interactive lessons that teach you how to use Claude Code right inside the tool. It's solid and has a lot of potential for learning directly in the terminal. Curious how the UI will look in VSCode and Claude Code Desktop. Going to keep digging into this new release!

Daniel San

271,496 views • 4 months ago

How I built an Anime.js-style site with Claude 👇 • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀
0:13

How I built an Anime.js-style site with Claude 👇 • Ask Claude to plan a minimal interactive website with smooth motion • Install Anime.js → "npm i animejs" • Use Claude to generate timelines, staggered text, and hover animations • Add smooth SVG, scroll, and cursor interactions with Anime.js • Keep UI minimal so motion becomes the focus • Use easing + timing to make animations feel fluid and premium Save this 🚀

FHILY👑

363,145 views • 3 months ago

A quick recap of what I experimented with Claude Design in May: ✧ Use a mood board to define the look & feel ✧ Add animation + interaction to level up the design ✧ Generate an image of my vision, turn it into an interactive prototype ✧ Claude design is great at graphic design More to explore in June ｡･:*:･ﾟ★,｡･:*:･ﾟ☆
0:16

A quick recap of what I experimented with Claude Design in May: ✧ Use a mood board to define the look & feel ✧ Add animation + interaction to level up the design ✧ Generate an image of my vision, turn it into an interactive prototype ✧ Claude design is great at graphic design More to explore in June ｡･:*:･ﾟ★,｡･:*:･ﾟ☆

Yan Liu

67,083 views • 2 months ago

that’s it. you only have to read this one article to: > learn claude skill foundations > learn claude skill architecture > learn claude skill testing > learn claude skill production which will let you create claude skills that: 1: automate your workflow’s 2: make you more productive 3: outperform your competitors welcome to the land of automation my claude cowork and claude code friends!
0:12

that’s it. you only have to read this one article to: > learn claude skill foundations > learn claude skill architecture > learn claude skill testing > learn claude skill production which will let you create claude skills that: 1: automate your workflow’s 2: make you more productive 3: outperform your competitors welcome to the land of automation my claude cowork and claude code friends!

hoeem

508,155 views • 5 months ago

built an interactive website without coding knowledge at all just chat with gemini 3 AI literally turns me into a super man
0:16

built an interactive website without coding knowledge at all just chat with gemini 3 AI literally turns me into a super man

el.cine

85,142 views • 7 months ago

I've spent weeks turning ui-craft from a Claude-only skill into a real system — and today v1 ships. 🚀 It now has its own installer. One command and your AI agent — Claude Code, Cursor, Codex, Gemini, OpenCode — designs with actual taste. brew install --cask educlopez/tap/ui-craft 🧵 what's new
0:17

I've spent weeks turning ui-craft from a Claude-only skill into a real system — and today v1 ships. 🚀 It now has its own installer. One command and your AI agent — Claude Code, Cursor, Codex, Gemini, OpenCode — designs with actual taste. brew install --cask educlopez/tap/ui-craft 🧵 what's new

Edu Calvo

28,360 views • 1 month ago

I sent a video of my gecko to my friend and he spliced my gecko’s skill issue with mine 😭
0:16

I sent a video of my gecko to my friend and he spliced my gecko’s skill issue with mine 😭

CyberWizard

146,165 views • 10 months ago

here's a tutorial onboarding interface for my Roblox game, just a few small animations have a massive impact on a menu. going to be adding more to some old menus now!
0:18

here's a tutorial onboarding interface for my Roblox game, just a few small animations have a massive impact on a menu. going to be adding more to some old menus now!

Hoofer

19,996 views • 1 year ago

We just released Claude Code channels, which allows you to control your Claude Code session through select MCPs, starting with Telegram and Discord. Use this to message Claude Code directly from your phone.
0:17

We just released Claude Code channels, which allows you to control your Claude Code session through select MCPs, starting with Telegram and Discord. Use this to message Claude Code directly from your phone.

Thariq

7,685,055 views • 4 months ago

I noticed that Apple Notes has a similar UI as the AI chat apps, so I turned it into a Claude/ChatGPT frontend. Use any LLM API to interact or chat with in Apple Notes
0:14

I noticed that Apple Notes has a similar UI as the AI chat apps, so I turned it into a Claude/ChatGPT frontend. Use any LLM API to interact or chat with in Apple Notes

nathan.rs

43,411 views • 1 month ago

Kind of crazy that you can just use Codex or Claude and vibe code things like this into existence
0:13

Kind of crazy that you can just use Codex or Claude and vibe code things like this into existence

Gabriel

26,064 views • 2 months ago

📢Introducing Generated Reality📢 A world model for XR that turns your tracked hand and head poses into an interactive, generative video experience. Take world models to the next level by interacting with the world using your own body! 🔗 1/4
0:15

📢Introducing Generated Reality📢 A world model for XR that turns your tracked hand and head poses into an interactive, generative video experience. Take world models to the next level by interacting with the world using your own body! 🔗 1/4

Gordon Wetzstein

20,045 views • 5 months ago

This is a complete game-changer. This agent skills marketplace has over a MILLION ready-to-use agent skills and plug-ins. Just search the skill type you want to deploy, and watch hundreds of skill files appear. If you use AI regularly, this is a must.
0:15

This is a complete game-changer. This agent skills marketplace has over a MILLION ready-to-use agent skills and plug-ins. Just search the skill type you want to deploy, and watch hundreds of skill files appear. If you use AI regularly, this is a must.

Miles Deutscher

38,809 views • 3 months ago

During my day off took newest Claude for a spin. After about an hour of back and forth, built a thing I've wanted to make for 10 years. Building a city with voice. Enjoy and pls send me screenshots / video of what you make!
0:13

During my day off took newest Claude for a spin. After about an hour of back and forth, built a thing I've wanted to make for 10 years. Building a city with voice. Enjoy and pls send me screenshots / video of what you make!

🇺🇦 Maks Surguy

12,454 views • 6 months ago

Evangelion Internet POV: Dashboard Early work in progress for Contra x Rive HMI Challenge Core concept here is interactive 3D data hub that we can use to pin specific information, interface is spatial meaning there is no typical top-down / left-right structure, allowing the UI to rotate freely
0:10

Evangelion Internet POV: Dashboard Early work in progress for Contra x Rive HMI Challenge Core concept here is interactive 3D data hub that we can use to pin specific information, interface is spatial meaning there is no typical top-down / left-right structure, allowing the UI to rotate freely

Bartek Radziejewski

68,214 views • 4 months ago

Prompting is no longer enough. AI video creation is entering the Skill era. I made this video just use one sentence+ one Flova Skill. I uploaded my photo into Flova… and suddenly I’m a woman being announced courtside during a live NBA playoff broadcast 🔥🏀 #FlovaAI #AIAgent FlovaAI
0:15

Prompting is no longer enough. AI video creation is entering the Skill era. I made this video just use one sentence+ one Flova Skill. I uploaded my photo into Flova… and suddenly I’m a woman being announced courtside during a live NBA playoff broadcast 🔥🏀 #FlovaAI #AIAgent FlovaAI

Nawi

138,994 views • 2 months ago

Pika just launched their 4K-VFX skill through MCP and I edited this entire video on Claude Code. When you want to replicate the viral video and realized you can just shoot it in your office parking lot and edit it in Claude Code... 🤤 Get my prompt in the thread:
0:14

Pika just launched their 4K-VFX skill through MCP and I edited this entire video on Claude Code. When you want to replicate the viral video and realized you can just shoot it in your office parking lot and edit it in Claude Code... 🤤 Get my prompt in the thread:

Jessie_Ma

215,555 views • 29 days ago

I found a Claude skill that plans my entire AI ad before I even open Gemini Omni. I just send it: → the product → the ad style (LEGO, crochet, cartoon, Pixar, etc.) that’s it. a few seconds later it gives me: → a complete script → a scene-by-scene breakdown → Gemini Omni prompts ready to generate I don’t waste time figuring out what each scene should look like or rewriting prompts until they work. I just generate the ad. It’s the exact workflow I’ve been using to make AI ads for affiliate offers, and it’s cut my creation time by more than half. RT + comment “SKILL” and I’ll DM you the exact workflow I use to make these ads (Claude skill included). (must be following for DM)
0:12

I found a Claude skill that plans my entire AI ad before I even open Gemini Omni. I just send it: → the product → the ad style (LEGO, crochet, cartoon, Pixar, etc.) that’s it. a few seconds later it gives me: → a complete script → a scene-by-scene breakdown → Gemini Omni prompts ready to generate I don’t waste time figuring out what each scene should look like or rewriting prompts until they work. I just generate the ad. It’s the exact workflow I’ve been using to make AI ads for affiliate offers, and it’s cut my creation time by more than half. RT + comment “SKILL” and I’ll DM you the exact workflow I use to make these ads (Claude skill included). (must be following for DM)

Bruno

57,468 views • 15 days ago

I used claude to make my handwriting into a font and then used that to make a mother's day card
0:13

I used claude to make my handwriting into a font and then used that to make a mother's day card

Anish

282,540 views • 2 months ago