Turning ideas into millions of views | Skilled Digital Media Producer & viral content creator. Growth at @SimplegharMedia
Hyderabad, India
Joined December 2008
- Tweets6.2K
- Following584
- Followers880
- Likes13K
Ravi Datti retweeted
The ultimate resource list for AI builders.
23 websites to help you design, build, and launch better products.
1 - inspora.design — Fresh inspiration for websites and digital products.
2 - banani.co — Turn ideas and prompts into editable UI designs.
3 - bestaibuilder.website — Discover AI app builders for your next project.
4- landdding.com — A collection of standout landing pages.
5 - supahero.io — Explore creative landing page designs.
6 - theinternetdesigns.com — Discover beautifully designed websites.
7 - wedoflow.com — 1,300+ unique website pages for inspiration.
8 - wonderlist.design — Premium Figma designs and resources.
9 - motionin.design — Motion design sections for modern websites.
10 - scrolltide.co — Scroll-driven website effects and inspiration.
11 - paperanimation.ai — Create playful paper-style animations.
12 - tripo3d.ai — Generate 3D models from text and images.
13 - launchvideos.gallery — Video launch inspiration for products.
14 - cta.gallery — Creative call-to-action design examples.
15 - footer.design — Great footer layouts for your websites.
16 - backgrounds.supply — Create custom backgrounds for your designs.
17 - grainient.supply — Beautiful gradients and grainy backgrounds.
18 - 3dicons.co — Free 3D icons for your projects.
19 - iconly.design — Curated icons for apps, games, and websites.
20 - logotouse.com — Logo inspiration for your next brand.
21 - fontinlogo.com — Discover fonts used by famous brands.
22 - scaledown.ai — Optimize images without unnecessary file bloat.
23 - on.design — A community for designers to share and discover work.
Save this before your next build.
Ravi Datti retweeted
Vibe coders, thank me later
21st.dev
reactbits.dev
magicui.design
uiverse.io
mobbin.com
Your app stops looking AI-generated!
Ravi Datti retweeted
Holy f*ck, you don't need After Effects anymore if you run Opus 5.5 with the right stack
15 free open-source repos replace a $5,000 studio invoice
3D. Motion. Sound. QA. Delivery.
Not by writing one prompt and praying
By running the full stack, all from code
Bookmark this before it's gone from your feed
All of it is free:
Blender → 3D, rigs and final renders
github.com/blender/blender
Three.js → real-time 3D in the browser
github.com/mrdoob/three.js
NumPy → every frame as raw numbers
github.com/numpy/numpy
Numba → heavy simulations at full speed
github.com/numba/numba
GSAP → UI animation and timelines
github.com/greensock/GSAP
Remotion → video written in React
github.com/remotion-dev/remo…
Puppeteer → captures UI frame by frame
github.com/puppeteer/puppete…
Tone.js → synths and sound design
github.com/Tonejs/Tone.js
SciPy → audio filters and reverb
github.com/scipy/scipy
Pedalboard → compression and limiting
github.com/spotify/pedalboar…
Pyloudnorm → loudness safe for every platform
github.com/csteinmetz1/pylou…
Faster-whisper → auto captions
github.com/SYSTRAN/faster-wh…
OpenCV → spots broken frames
github.com/opencv/opencv
Pillow → contact sheets and color checks
github.com/python-pillow/Pil…
FFmpeg → encode and deliver
github.com/FFmpeg/FFmpeg
Total cost: $0
Brief → timeline → animate → render → ship
Most people will keep begging AI for one clip at a time
Save this and send the list to your Opus 5.5
Then read the motion engineering guide below ↓
Ravi Datti retweeted
holy f*ck, web designers have NO IDEA what’s coming after them in 2027
the ones learning AI tools right now are getting ahead. the rest might be fighting for jobs they used to take for granted.
7 GitHub repos every designer should know before it’s too late:
1. Graphify
137k stars and in Y Combinator. point it at your old projects, brand PDFs and screenshots, and Claude gets a memory of everything you've ever designed. "what did this client hate last time?" answered in seconds
github.com/Graphify-Labs/gra…
2. Awesome DESIGN.md
84 design systems pulled from real sites, each one a single markdown file. drop it in your project, say "build me a page that looks like this", done
github.com/VoltAgent/awesome…
3. Hallmark
a design skill from Together AI that refuses to look AI-generated. 50 themes, checks every page in a real browser, and /hallmark redesign rebuilds any old page
github.com/Nutlope/hallmark
4. Huashu Design
one sentence in, a launch animation, clickable app prototype, editable PPT or infographic out. it shows you 6 directions first, you pick 3
github.com/alchaincyf/huashu…
5. Designer Skills Pack
273 skills and 76 commands for Claude Code: research, design systems, UI, interaction. a whole design department in one install
github.com/Owl-Listener/desi…
6. Motion Design Skill
LottieFiles taught AI to think like a motion director: timing, easing, choreography, Disney's 12 principles adapted for UI. this is where the "feel" comes from
github.com/LottieFiles/motio…
7. Blender Agent Skills
22 pro Blender workflows for Claude Code: modeling, materials, rigging, animation, rendering. the full 3D pipeline, not just "make a cube"
github.com/EL4CTEO/blender-s…
the cell you're watching?
built solo with Claude Code plus a few of these tools. no agency, no team, no After Effects.
want to make something like this?
like + save this post, comment "CELL" or DM me and I'll send you the exact prompt.
Ravi Datti retweeted
History class would’ve been different if the textbook looked like this.
Grab the Phoenix and spin it in your hands. Zoom into the Kraken's suckers. Flip the whole page from day to dusk.
> links in comment
> full prompt & agent md file
Ravi Datti retweeted
holy sh*t, someone turned Opus 5.5 into your own motion design studio with 637 animation techniques
every solo designer can steal the workflow
all organized into a guide and agent skill for Claude Code and Codex
the techniques to steal:
→ reveal products with animated masks
→ animate headlines with kinetic typography
→ guide viewers through your UI with clicks and highlights
→ turn metrics into moving charts and counters
→ explain agent systems with animated paths and diagrams
→ add depth with parallax, camera moves and 3D card flips
→ combine effects into product demos and launch videos
the useful part:
effect cards include timing, easing, parameters, examples and prompts
your agent gets specific references to build from
the workflow:
describe the scene → choose the technique → adapt the example → render → inspect
start with your next product launch:
one screenshot → one key interaction → a 10-second demo
save this, then read the full guide for Opus 5.5 Motion Engineering ↓
Ravi Datti retweeted
Anthropic engineer:
"You're not supposed to prompt Claude. You're supposed to build a system that prompts itself."
In 45 minutes she breaks down how Anthropic builds agents that remember, learn from their mistakes, and get smarter with every run.
Worth more than any paid course you'll find on building agents.
Watch the session, then read the guide on building loops below.
Ravi Datti retweeted
Anthropic Engineer Andrej Karpathy:
"The biggest mistake in AI right now - people are forcing agents to work instead of mastering the model first
We made that mistake in 2016 at OpenAI - It cost us 5 years "
what Karpathy actually means:
step 1 → stop forcing your agent to do everything, understand the model underneath first
step 2 → demos are easy - products take a decade. self-driving proved it - if you skip the foundation, everything breaks
step 3 → the agent is not the product. the foundation is. build that - and agents emerge on their own
"you building agents right now - you're at the forefront. not OpenAI. not DeepMind. you "
watch - bookmark, then read article below ↓
Ravi Datti retweeted
KARPATHY JUST KILLED THE PROMPT ERA WITH A SINGLE DOCUMENT
prompts are easy. loops are hard. and writing fifty prompts a day is the work nobody does twice.
he shifts the burden to the harness.
you define the contract once. the model writes, reviews, restarts, and reconciles. you keep judgment. it keeps the loop.
the throughline is the same in every rule: the human owns the spec and the boundary. the model owns the execution and the bookkeeping.
planner never touches code. generator never grades itself. state lives on disk, not in context.
9 rules. start with one feature, not ten. most people are still typing prompts. this turns Claude into an agent that finishes the job on its own.
here is the official document from Karpathy explaining the architecture
Readers added context they thought people might want to know
This document is not from Andrej Karpathy; he has not shared or authored it on X or GitHub. x.com/karpathy github.com/karpathy
Ravi Datti retweeted
Anthropic Managed Agents Lead:
"At Anthropic, >90% of our engineers are building with self-improving loops. In 4-6 months, it will be 100%.
my agentic loops can run for hours without spending hundreds of dollars."
in this 40-minute podcast, an Anthropic team lead reveals how to build effective agents from scratch.
Agent → harness → loops → memory = modern agent
This one video will replace 10 paid courses on vibe-coding.
Watch it today, then explore the same setup in the article below.
Ravi Datti retweeted
I genuinely don't understand why everyone isn't using this yet.
Andrej Karpathy, OpenAI co-founder, posted a simple idea that went massively viral:
Stop using AI to write code.
Use it to build a second brain.
You point Claude Code at a folder. Drop in any source: an article, a transcript, a PDF.
Claude reads it, links it, files it into a living wiki of everything you know.
It compounds like interest. The more you feed it, the smarter it gets.
Here's the whole thing:
1) Install Obsidian
2) Create a vault
3) Open it in Claude Code
4) Paste Karpathy's wiki idea and tell Claude to build it
5) Claude makes three folders:
- raw (for sources)
- wiki (for its pages)
- CLAUDE. md (that runs it)
6) Drop any source into raw and say: "ingest this"
7) Ask questions across everything, forever
Five minutes to set up and you never start from a blank chat again.
Full step by step guide below.
Ravi Datti retweeted
Anthropic engineers just showed how they build a full app from scratch, using a loop of agents
40 minutes from the team behind Claude Code
they used three agents: one to plan, one to build, one to judge, cycling until the app actually works
the winners won't have the smartest model, they'll have the best loop
watch it, then read the full guide on how to actually use loops below
Ravi Datti retweeted
one more thing, found a site with 𝟮,𝟬𝟬𝟬+ 𝗰𝗼𝗺𝗽𝗹𝗲𝘁𝗲 𝗱𝗲𝘀𝗶𝗴𝗻 𝘀𝘆𝘀𝘁𝗲𝗺𝘀, each one a DESIGN.md your agent reads directly.
every one comes with:
- color palette + tokens
- type scale
- spacing / layout rhythm
- component patterns
- overall mood + guide
looks ripped from real products, Stripe, Linear, Vercel, Notion, ElevenLabs. drop one into your project, run a pass to align your UI to it, done. Opus handles this kind of task better.
styles.refero.design
stop telling Claude Code/Codex "the colors look off".
stop telling Claude Code/Codex "the font's ugly".
stop telling Claude Code/Codex "the spacing's weird".
you never gave it a 𝗱𝗲𝘀𝗶𝗴𝗻 𝘀𝘆𝘀𝘁𝗲𝗺, so it ships defaults, and you nitpick every build.
here are 8 prompts and goals you can copy-paste directly.
