Zara Zhang's banner

Zara Zhang

@zarazhangrui • 79,870 subscribers

Builder. Dangerously skips permissions. Harvard’17. GitHub: https://t.co/KCuEajezlL YouTube: https://t.co/8xzbGWtf6w

Shorts

This is the cutest website I've ever made 🥹 Exported my Saved locations in Tokyo on Google Maps via Google Takeout, and converted the list into a beautiful website Illustrations generated by QuiverAI Check it out: ZaraInTokyo dot com

This is the cutest website I've ever made 🥹 Exported my Saved locations in Tokyo on Google Maps via Google Takeout, and converted the list into a beautiful website Illustrations generated by QuiverAI Check it out: ZaraInTokyo dot com

87,119 просмотров

Don't make PowerPoints. Make HTMLs. Frontend Slides (my popular skill with 13k+ stars on GitHub) is now a feature in AnyGen. Anyone can make stunning HTML slides easily in a web interface, even without a coding agent. In AnyGen, HTML slides are automatically EDITABLE, sharable, and downloadable as PDF. Try now:

Don't make PowerPoints. Make HTMLs. Frontend Slides (my popular skill with 13k+ stars on GitHub) is now a feature in AnyGen. Anyone can make stunning HTML slides easily in a web interface, even without a coding agent. In AnyGen, HTML slides are automatically EDITABLE, sharable, and downloadable as PDF. Try now:

56,233 просмотров

One of my favorite things about these HTML slides is these clickable dots on the side that serve as "table of contents" for navigating the deck. When you hover it, you can see the slide title. If you think about slides as websites, there's so much interactive stuff you can do

One of my favorite things about these HTML slides is these clickable dots on the side that serve as "table of contents" for navigating the deck. When you hover it, you can see the slide title. If you think about slides as websites, there's so much interactive stuff you can do

46,474 просмотров

Introducing the Beautiful Feishu Whiteboard skill: Your agent can now create EDITABLE SVG graphics in Feishu/Lark docs in 30+ predefined styles Great for concept visualization, technical architecture diagrams, summarizing meetings/long documents, or even replacing PPTs The best part is everything is completely editable (can even drag elements around) Skill link in comment

Introducing the Beautiful Feishu Whiteboard skill: Your agent can now create EDITABLE SVG graphics in Feishu/Lark docs in 30+ predefined styles Great for concept visualization, technical architecture diagrams, summarizing meetings/long documents, or even replacing PPTs The best part is everything is completely editable (can even drag elements around) Skill link in comment

11,157 просмотров

Once you use HTML to make slides, you simply can't go back Made with the Frontend Slides feature in AnyGen

Once you use HTML to make slides, you simply can't go back Made with the Frontend Slides feature in AnyGen

11,096 просмотров

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

I created a Claude Skill that make beautiful slides on the web. The world hasn't woken up to the fact that code can create much better slides than most PPT tools. - Claude interviews you first about aesthetics, then generate a few directions to "show not tell", and you can pick your favorite - Cool transitions and animations - Interactive hover states and cursor effects - Auto-fits on any screen - Supports converting existing PPTX files to web-based slides; preserves original images and brand assets I asked Claude to make a slide show about this skill to showcase what it can do. Link to skill below

1,505,131 просмотров • 5 месяцев назад

I created a complete walkthrough of my Frontend Slides skill (22k+ stars on GitHub): - Complete demo of how to create beautiful HTML slides with Claude Code (beginner friendly) - How I created the skill - How you can create your own skill - Tips like how to insert images/videos into deck, how to publish - Lessons I learned (11-min video, YouTube link below)

I created a complete walkthrough of my Frontend Slides skill (22k+ stars on GitHub): - Complete demo of how to create beautiful HTML slides with Claude Code (beginner friendly) - How I created the skill - How you can create your own skill - Tips like how to insert images/videos into deck, how to publish - Lessons I learned (11-min video, YouTube link below)

149,895 просмотров • 27 дней назад

PSA: You can vibe code your own "New tab" page in Chrome. I have turned mine into the ultimate solution to the "too many tabs" problem - See all your tabs with clear titles, grouped by domain - Closing any tab gives you "swoosh" sound and confetti effect 🎊 - "Easy wins" grouped together: homepages, localhost tabs... batch-close them with one click - Duplicate tabs detected; close duplicates with one click - For tabs you're not done with, save it for later in a checklist This is the Marie Kondo method for browser tabs Open-sourced the code below

PSA: You can vibe code your own "New tab" page in Chrome. I have turned mine into the ultimate solution to the "too many tabs" problem - See all your tabs with clear titles, grouped by domain - Closing any tab gives you "swoosh" sound and confetti effect 🎊 - "Easy wins" grouped together: homepages, localhost tabs... batch-close them with one click - Duplicate tabs detected; close duplicates with one click - For tabs you're not done with, save it for later in a checklist This is the Marie Kondo method for browser tabs Open-sourced the code below

424,289 просмотров • 3 месяцев назад

Just built with Gemini 3: a video recording tool where the AI gives you real-time prompts based on what you're saying, so you never get stuck. Everyone should have their own podcast host. It's amazing that Gemini comes with native integration with the camera, and I can actually export these videos as MP4. Like everything just works.

Just built with Gemini 3: a video recording tool where the AI gives you real-time prompts based on what you're saying, so you never get stuck. Everyone should have their own podcast host. It's amazing that Gemini comes with native integration with the camera, and I can actually export these videos as MP4. Like everything just works.

746,013 просмотров • 8 месяцев назад

Introducing Beautiful HTML Templates: I made some stunning HTML slide templates & open-sourced them If you use this template system, it will literally be impossible for your agent to produce something ugly Link below

Introducing Beautiful HTML Templates: I made some stunning HTML slide templates & open-sourced them If you use this template system, it will literally be impossible for your agent to produce something ugly Link below

157,988 просмотров • 2 месяцев назад

I built a Chrome extension that turns your "read later" list into dedicated reading time on your calendar. Save 5 articles → it auto-books a 30-min "reading block" on your Google calendar, links included. So you'll actually sit down and go through them. No account, no server, everything local. Open source (link below)

I built a Chrome extension that turns your "read later" list into dedicated reading time on your calendar. Save 5 articles → it auto-books a 30-min "reading block" on your Google calendar, links included. So you'll actually sit down and go through them. No account, no server, everything local. Open source (link below)

41,344 просмотров • 20 дней назад

Introducing "codebase to course", a skill that turns any codebase into an interactive coding course So that you can learn coding through your own projects, complete with visualization, plain-English code translations, metaphors, even quizzes... I vibe code a lot but have no idea how the code works under the hood. This is how I think "learning to code" should be in the AI age: Build first, learn later Link below

Introducing "codebase to course", a skill that turns any codebase into an interactive coding course So that you can learn coding through your own projects, complete with visualization, plain-English code translations, metaphors, even quizzes... I vibe code a lot but have no idea how the code works under the hood. This is how I think "learning to code" should be in the AI age: Build first, learn later Link below

205,712 просмотров • 3 месяцев назад

This 20-min presentation, "Code as a Medium for Storytelling", is an encapsulation of all my recent thinking on vibe coding as a non-technical person I also showcase 5 projects I built (all of which were viral on X), and 7 lessons on effectively working with coding agents

This 20-min presentation, "Code as a Medium for Storytelling", is an encapsulation of all my recent thinking on vibe coding as a non-technical person I also showcase 5 projects I built (all of which were viral on X), and 7 lessons on effectively working with coding agents

235,076 просмотров • 4 месяцев назад

Gemini 3を使って「カラオケ風テレプロンプター」をVibe Codingしました🎤 画面にカンペを出しながら録画できるツールなんですが、なんと自分の話すスピードに合わせてスクロール速度がリアルタイムで自動調整されます！ Geminiの音声認識のおかげで実現できました。（人生初の日本語動画です…！🇯🇵）

Gemini 3を使って「カラオケ風テレプロンプター」をVibe Codingしました🎤 画面にカンペを出しながら録画できるツールなんですが、なんと自分の話すスピードに合わせてスクロール速度がリアルタイムで自動調整されます！ Geminiの音声認識のおかげで実現できました。（人生初の日本語動画です…！🇯🇵）

264,203 просмотров • 7 месяцев назад

We built TLDW (too long, didn't watch), a tool that helps you learn from long YouTube videos better & faster. AI video summaries are solving the wrong problem. You don't need a generic text summary of a 1-hour video. You need the 5 minutes that actually change how you think. TLDW finds those moments for you. Demo 👇 Try now at: tldw dot us

We built TLDW (too long, didn't watch), a tool that helps you learn from long YouTube videos better & faster. AI video summaries are solving the wrong problem. You don't need a generic text summary of a 1-hour video. You need the 5 minutes that actually change how you think. TLDW finds those moments for you. Demo 👇 Try now at: tldw dot us

268,336 просмотров • 9 месяцев назад

This is what I've been building on nights & weekends. We now have 6k+ users 🙌🏼 I truly believe this is the best way to learn from YouTube. Give it a try & lmk what you think!

This is what I've been building on nights & weekends. We now have 6k+ users 🙌🏼 I truly believe this is the best way to learn from YouTube. Give it a try & lmk what you think!

220,088 просмотров • 7 месяцев назад

The recording of my full 45-min talk on my vibe coding process is up! I go through the behind-the-scenes of how I get product ideas, how I talk to coding agents, how to prevent AI slop in design, and more (YouTube link in comment)

The recording of my full 45-min talk on my vibe coding process is up! I go through the behind-the-scenes of how I get product ideas, how I talk to coding agents, how to prevent AI slop in design, and more (YouTube link in comment)

32,815 просмотров • 1 месяц назад

Built a "YouTube realtime copilot" browser extension using OpenAI's realtime 2 API: The agent watches the video alongside you, and can answer any question you have about what was just said via realtime voice chat. The crazy part to me is: It can differentiate the YouTube's audio stream and your voice, so it doesn't confuse the video as commands, and stays silent unless you ask something!

Built a "YouTube realtime copilot" browser extension using OpenAI's realtime 2 API: The agent watches the video alongside you, and can answer any question you have about what was just said via realtime voice chat. The crazy part to me is: It can differentiate the YouTube's audio stream and your voice, so it doesn't confuse the video as commands, and stays silent unless you ask something!

44,631 просмотров • 2 месяцев назад

Built with Gemini 3: a video recording tool that simulates a live stream, with AI-generated audience commenting about what you're saying in real time & hyping you up So you can feel more confident when recording videos & get ideas for what to talk about next. Video can be exported as mp4. Made in Google AI Studio (prompt below)

Built with Gemini 3: a video recording tool that simulates a live stream, with AI-generated audience commenting about what you're saying in real time & hyping you up So you can feel more confident when recording videos & get ideas for what to talk about next. Video can be exported as mp4. Made in Google AI Studio (prompt below)

123,838 просмотров • 8 месяцев назад

Claude Code built me an insane workflow: Turn podcast transcripts into EPUB ebooks, so you can have a personalized weekly magazine! Every week, it will - Fetch new videos from your specified list of YouTube channels - Get their transcripts, remix them into polished magazine articles - Deliver them into your inbox as a newsletter + EPUB file which you can read on any ebook reader Published it as a Claude skill; link below

Claude Code built me an insane workflow: Turn podcast transcripts into EPUB ebooks, so you can have a personalized weekly magazine! Every week, it will - Fetch new videos from your specified list of YouTube channels - Get their transcripts, remix them into polished magazine articles - Deliver them into your inbox as a newsletter + EPUB file which you can read on any ebook reader Published it as a Claude skill; link below

88,414 просмотров • 6 месяцев назад

Holy shit, Gemini 3 just helped me build an application that allows me to scroll content on my computer with my fingers IN THE AIR using hand tracking. Introducing "Greasy Hand", perfect for when you're cooking and need to scroll the recipe but don't wanna touch the computer.

Holy shit, Gemini 3 just helped me build an application that allows me to scroll content on my computer with my fingers IN THE AIR using hand tracking. Introducing "Greasy Hand", perfect for when you're cooking and need to scroll the recipe but don't wanna touch the computer.

100,237 просмотров • 8 месяцев назад

Built an AI-powered dictionary, using Google Gemini 3! This is my dictionary dream come true: - Visual definition - Chat with AI about word - Usage note with cultural context - Natural pronunciation - Flashcards & stories to help aid memory - Contextual explanation for proper nouns (like people & places)

Built an AI-powered dictionary, using Google Gemini 3! This is my dictionary dream come true: - Visual definition - Chat with AI about word - Usage note with cultural context - Natural pronunciation - Flashcards & stories to help aid memory - Contextual explanation for proper nouns (like people & places)

94,866 просмотров • 8 месяцев назад

This went viral, so I built an enhanced version: A video recorder where the AI talks back at you to give you live inspiration, via either voice or text on screen. And it can magically remove the silent parts of the video with 1 click, so you can download a clean video. I was SHOCKED when this video editing feature just worked in Google AI Studio.

This went viral, so I built an enhanced version: A video recorder where the AI talks back at you to give you live inspiration, via either voice or text on screen. And it can magically remove the silent parts of the video with 1 click, so you can download a clean video. I was SHOCKED when this video editing feature just worked in Google AI Studio.

86,365 просмотров • 7 месяцев назад

What if Claude Code communicated to you via beautiful TypeForm-like webpages, instead of texts in the terminal? "For this project, I want you to communicate to me not via text in the terminal, but exclusively via interactive webpages. Say everything you wanna say on a webpage and make it interactive (e.g. if you wanna collect info from me, create a pretty form like TypeForm). Use frontend design skill to make the webpage look nice."

What if Claude Code communicated to you via beautiful TypeForm-like webpages, instead of texts in the terminal? "For this project, I want you to communicate to me not via text in the terminal, but exclusively via interactive webpages. Say everything you wanna say on a webpage and make it interactive (e.g. if you wanna collect info from me, create a pretty form like TypeForm). Use frontend design skill to make the webpage look nice."

65,619 просмотров • 5 месяцев назад

All 32 Beautiful HTML Slide Templates are now available on AnyGen, it's plug-and-play even for those without a coding agent Use them now:

All 32 Beautiful HTML Slide Templates are now available on AnyGen, it's plug-and-play even for those without a coding agent Use them now:

31,874 просмотров • 2 месяцев назад