Ratsuns ツ (@ratsuns) header
Ratsuns ツ (@ratsuns) profile picture

Design | Build | Repeat🔧📐

San Francisco, CA
Joined June 2016
Photo by Ratsuns ツ (@ratsuns)Photo by Ratsuns ツ (@ratsuns)Photo by Ratsuns ツ (@ratsuns)Photo by Ratsuns ツ (@ratsuns)Photo by Ratsuns ツ (@ratsuns)Photo by Ratsuns ツ (@ratsuns)Photo by Ratsuns ツ (@ratsuns)Photo by Ratsuns ツ (@ratsuns)Photo by Ratsuns ツ (@ratsuns)Photo by Ratsuns ツ (@ratsuns)
Ratsuns ツ retweeted
Generative UI for conversational agents. Combining @aisdk with Chat SDK and 𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛, you can go straight from LLM to UI on platforms like Slack and Teams. I believe this will become the dominant Human-Agent Interaction (HAI) paradigm: vercel.com/changelog/json-re…
238
132
50
2,648
191,768
Ratsuns ツ retweeted
马斯克天塌了! GitHub 老哥一怒之下,直接把 Grok Bot 都给开源了 不用排队不用付订阅费,不仅能白嫖全套功能,还能反客为主随便换模型 Claude、GPT、Grok、DeepSeek 想用哪个点哪个。 玩得最绝的几个点: · 界面做成 Telegram 通讯录:侧边栏拉一个就是一个 AI 员工,名字性格你定 · 真给每人发一台独立电脑:自带隔离虚拟机,屏幕画面实时看,看它一行行敲代码 · 杀手级安全阀:跑危险脚本前必须弹窗审批,你不点同意它动不了 · 生态全通:原生支持 MCP 协议,一键连 Gmail、GitHub、Notion 不用折腾环境,终端一行直接跑: `npx openmausbot` Mac 和 Win 也都有现成的安装包。 闭源套壳还在收订阅费,开源界已经把家给偷了。 👉 开源地址:github.com/milind-soni/OpenM… #AI #开源
240
572
24
3,682
499,753
Ratsuns ツ retweeted
5 Web dev resources you should be aware of github.com/affaan-m/ECC - 314 open-source AI agent skills tablericons.com - 6200+ free SVG icons usagerank.com - Flex with your AI coding usage canvasui.dev - 35 free interactive canvas components github.com/garrytan/gstack - 23 AI coding workflows
29
15
1
118
12,427
Ratsuns ツ retweeted
🚨this is going to END some careers. a dev just dropped a free Claude skill called "teardown" and anyone who animates 3d for money should pay attention. the skill is ridiculously good but the dev is crazy enough to give it away anyway. how it runs: > you hand it a picture and say what the creature is > claude codes the octopus, renders a still beside your picture and patches the differences round after round before any animation > every arm is a chain of links that shrink toward the tip, so each one curls into a true spiral with 2 rows of suction wheels underneath > one timeline drives the whole thing: the jet gauge, the operator's cursor, the console rows and the audio all tick off it > it can't watch footage, so it reviews a grid of frames at every beat, fixes what looks off and re-renders until a full pass comes back clean > the frames come off your own GPU at 60 fps and python writes the soundtrack on the same beats one picture went in and this octopus is what came back out. free skill, full write-up in the article 👇
80
394
15
4,215
385,833
Ratsuns ツ retweeted
No cloud was used to make this video. 100% Local. It took 1hr, 30steps Minimax+Yue3+M5U. ⭐️ github.com/ddalcu/mlx-serve
35
32
8
549
70,538
These 🔥 ASCII-style loading animations are clean AF It's an UI library that lets you add these cool terminal-style animations to your UI. #html #ai #javascript #coding #webdevelopment #programming quanhoangindex.github.io/asc…
108
This is mind-blowing... @Simulon just released Reality-Aware Rendering, a new way to create using the real world around you. You place AI-generated characters with your phone, then act out the scene. Founder, @diveshnaidoo impressive work!
2
126
Ratsuns ツ retweeted
We cancelled our Figma enterprise plan This is how we design at HeroUI now 🧵
57
37
8
923
92,281
Ratsuns ツ retweeted
Now this is what we call collaboration
5
2
75
5,522
R.I.P. Higgsfield Katana. I reverse engineered it and made a Claude motion design skill that replaces it. Download the skill: scenario.com/explorations/ki… > describe your product, game or brand in a few lines > Claude writes, animates and cuts the whole film to the beat > Scenario makes the music and sound effects, 4K out Higgsfield influencers on Instagram kept promising the Katana setup to anyone who commented. I commented on every one and only got a link to their landing page. So I built it myself, and here it is.
77
204
9
2,499
131,272
Ratsuns ツ retweeted
The MotionSites skill is live 🚀 I turned 700+ of my best website designs into one skill. Install it and your agent stops making generic AI slop and starts building cinematic, animated sites like these. Works with Claude Code, Codex, Cursor or any agent. Free and open source: github.com/Motionsites-AI/cl…
85
183
32
1,971
216,835
Disposable Vapes are terrible for the environment so I made mine reusable 😂 @ut_official_us
39
Ratsuns ツ retweeted
Recorded a demo of the new feedback loop I use with my clients. Sharing the workflow 👇 1. Live in the meeting, we measure and leave comments right on the UI with Mesurer. Real pixels, no guessing 2. I rewrite the client's comments in Agentation so Claude gets them, each one pinned to the exact element. One click to send 3. Boom. By the time my coffee is brewed, the iteration is done and Claude has updated everything Feedback loops used to take days. Now they take minutes 🤌🏻 No Figma handoff, no tickets, no IDE. Just Claude and two tiny dev tools (within your rate limits, ofc 🙃)
7
6
76
3,729
Ratsuns ツ retweeted
I found a React component library you probably haven’t seen yet. 👀 Definitely worth saving for your next project
24
76
2
1,242
44,087
This free AI tool tries to hack your app before real hackers do Strix is an open-source penetration testing tool that uses autonomous AI agents to find, exploit and verify security vulnerabilities, then suggest fixes It’s like having an entire team of ethical hackers testing your code around the clock Repo: github.com/usestrix/strix
18
35
8
320
66,798
Ratsuns ツ retweeted
ship with these freaking #UIs they look pro. 6 libraries that make your UI look expensive: 1. reactdrops → reactdrops.dev/ @_crisjav 2. systaliko ui → systaliko-ui.vercel.app/ @lbnm_yussef 3. ovio ui → ovioui.vercel.app/ @Jana__Sundar 4. lightswind → lightswind.com/ @LightswindUI 5. lunar ui → lunarui.dev/ @lepikhinb 6. itom ui → itom-ui-components.vercel.ap… @ITom_Dev bookmark these tools for your next project.🔖
9
30
215
10,798
Ratsuns ツ retweeted
Matching border radii don't mean matching corners. I built concentric to fix that for @tailwindcss Add rounded-concentric to the child. It calculates the radius from the parent's radius, padding and border. tailwindcss-concentric.diip3…
14
35
4
512
20,899
Ratsuns ツ retweeted
You know the animation you want. You just don't know what it's called. So I built a free place to find it, learn its name, and turn it into a prompt for Claude or ChatGPT. 923 motion techniques, each with a live example. oneshotprompts.com
57
121
6
1,395
69,148
Ratsuns ツ retweeted
卧槽!兄弟姐妹们,想用 Opus 5.5 做视频,一定要收藏这 8 个 GitHub 仓库。 1. awesome-opus5-5-videos(约 7100 star) 目前最大的爆款视频合集,每条都附上了背后的提示词。 github.com/yihui-dev/awesome… 2. lemo-opuscar(约 4400 star) 一个 Claude Code skill,装上之后挑一种风格,就能做出纯代码短片,51 种风格随便选。 github.com/lemomo-ai/lemo-op… 3. pdoom-video(约 3000 star) 一支歌词卡拉 OK MV 的完整工程,本地就能渲出 4K60。 github.com/mexicat/pdoom-vid… 4. PDoomVideo(约 2300 star) 同一首歌的另一支 MV 源码,和第 3 个对照着拆,很有意思。 github.com/JohnHeibel/PDoomV… 5. mg-styles-15(约 1400 star) 15 种 MG 动效风格,成片、提示词、源码全都给。 github.com/Vincentwei1021/mg… 6. ClaudeAnimationBase(约 1300 star) 手绘卡通角色动画的起步包,自带 31 种表情。 github.com/JohnHeibel/Claude… 7. awesome-claude-5-5-videos(约 560 star) 视频工作流合集,每个案例都标了出处,Opus 的就有 301 个。 github.com/athemeroy/awesome… 8. opus-video-prompts(约 510 star) 中文案例,配上能直接复制的提示词。 github.com/joeseesun/opus-vi…
144
1,119
82
9,226
839,362
I highly recommend cloudflare's security audit skill: github.com/cloudflare/securi… Run it on all your software. Run it with the free models. Use it even if you used a model to audit something - it will find much more things. Works in all agent harnesses and is model independent.
133
754
48
8,705
609,502