Jason Zhou's banner

Jason Zhou

@jasonzhou1993 • 30,617 subscribers

Building @crewlet_ & @SuperDesignDev | Learn to build with AI at @aibuilderclub_

Shorts

Okay at this point, I can only say Gemini3 really beats me as a designer... 🧵👇 Below is how I get most out of Gemini3

Okay at this point, I can only say Gemini3 really beats me as a designer... 🧵👇 Below is how I get most out of Gemini3

169,054 görüntüleme

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

Introducing world's first AI growth team - Monitor your business 24/7 - Take growth actions autonomously - Self-improve w/ great memory - Use any tools you use Comment ‘Crewlet + your website’, I will pump you up in waiting list

Introducing world's first AI growth team - Monitor your business 24/7 - Take growth actions autonomously - Self-improve w/ great memory - Use any tools you use Comment ‘Crewlet + your website’, I will pump you up in waiting list

856,472 görüntüleme • 1 ay önce

This Claude 3.7 UI workflow is awesome And many vibe coders not aware of it: 1. Have Claude 3.7 to design whole UI screen by screen 2. Ask it to make a plan, break down into components 3. Turn into actual project By having Claude focus on just UI generation, it does a great job You can build beautiful UI without shadcn If you want to learn more about vibe coding beyond basics, join my community here: (also get free access to 10xCoder.Dev)

This Claude 3.7 UI workflow is awesome And many vibe coders not aware of it: 1. Have Claude 3.7 to design whole UI screen by screen 2. Ask it to make a plan, break down into components 3. Turn into actual project By having Claude focus on just UI generation, it does a great job You can build beautiful UI without shadcn If you want to learn more about vibe coding beyond basics, join my community here: (also get free access to 10xCoder.Dev)

744,486 görüntüleme • 1 yıl önce

Introducing SuperDesign.Dev Design Prompt Library LLM often output AI slop design not because of capability, but lack of context & guidance However design related prompts are not straightforward and most people don't know how to prompt it That's why we built one of largest community driven design prompt library, covering styles, animations, UI components, etc. You can build & share design prompts with your team privately or contribute publicly It works with any coding agent Try it today at

Introducing SuperDesign.Dev Design Prompt Library LLM often output AI slop design not because of capability, but lack of context & guidance However design related prompts are not straightforward and most people don't know how to prompt it That's why we built one of largest community driven design prompt library, covering styles, animations, UI components, etc. You can build & share design prompts with your team privately or contribute publicly It works with any coding agent Try it today at

218,699 görüntüleme • 4 ay önce

This is the future of AI design/prototyping 1/ Import real product context 2/ Give Design agent a brief 3/ Unlimited design immediately, all on-brand and in-context And also... 👇🧵

180,998 görüntüleme • 6 ay önce

Gemini 3's hidden power = Awesome UI Animator It actually contains good knowledge around popular animation libraries You just need right prompt spec + process to unlock it Here is my process 🧵👇

Gemini 3's hidden power = Awesome UI Animator It actually contains good knowledge around popular animation libraries You just need right prompt spec + process to unlock it Here is my process 🧵👇

128,332 görüntüleme • 5 ay önce

Those MCP totally 10x my Cursor workflow… - It reads my browser console / network log - It use Replicate to generate UI assets - It reads my supabase & figma ... Here I shared some of my fav MCP & how to install them, As well as the EASIST way to create your own MCP (Thanks to Cloudflare 's MCP-worker) 0:00 Cursor MCP overview 2:35 How to install common MCP 5:49 Let cursor read console/network log 7:24 Build yoru own MCP If you want to learn more about advanced AI coding workflow, join my community where I post tips weekly:

Those MCP totally 10x my Cursor workflow… - It reads my browser console / network log - It use Replicate to generate UI assets - It reads my supabase & figma ... Here I shared some of my fav MCP & how to install them, As well as the EASIST way to create your own MCP (Thanks to Cloudflare 's MCP-worker) 0:00 Cursor MCP overview 2:35 How to install common MCP 5:49 Let cursor read console/network log 7:24 Build yoru own MCP If you want to learn more about advanced AI coding workflow, join my community where I post tips weekly:

287,643 görüntüleme • 1 yıl önce

Claude code just made this whole video using remotion One shot wtf

Claude code just made this whole video using remotion One shot wtf

200,021 görüntüleme • 10 ay önce

The Design OS for your coding agents $ npx skills add superdesigndev/superdesign-skill - Design w/ full codebase context - Infinite canvas exploration - Built in prompt library Here is how it works 🧵👇

The Design OS for your coding agents $ npx skills add superdesigndev/superdesign-skill - Design w/ full codebase context - Infinite canvas exploration - Built in prompt library Here is how it works 🧵👇

67,537 görüntüleme • 4 ay önce

Nano Banana + Gemini 3 = S-Tier UI Designer I've been using Nano Banana alongside Gemini 3 to maximise its creativity for UI design past 2 weeks 🧵👇 Here are my 4 step process

Nano Banana + Gemini 3 = S-Tier UI Designer I've been using Nano Banana alongside Gemini 3 to maximise its creativity for UI design past 2 weeks 🧵👇 Here are my 4 step process

74,569 görüntüleme • 5 ay önce

Introducing Component Grab SuperDesign.Dev Chrome extension allows you to grab any UI component in browser We turn messy DOM into clean tailwind code pixel perfectly Paste into Superdesign AI native canvas to vibe design Or paste into Claude code/Cursor Free forever:

Introducing Component Grab SuperDesign.Dev Chrome extension allows you to grab any UI component in browser We turn messy DOM into clean tailwind code pixel perfectly Paste into Superdesign AI native canvas to vibe design Or paste into Claude code/Cursor Free forever:

78,413 görüntüleme • 6 ay önce

Our AI design agent is absolutely on fire 🤯 What if you get an UX agent can design, wireframe, remix? Gemini's true multimodal ability unleashed Try it on

Our AI design agent is absolutely on fire 🤯 What if you get an UX agent can design, wireframe, remix? Gemini's true multimodal ability unleashed Try it on

80,710 görüntüleme • 6 ay önce

How to use Cursor to build production level application? Lots video showcasing building demos, but not many dive into details of end to end process from planning, authentication, backend setup; But it is not that hard; Made a video showcase how to bring an idea live into the wild in 20 mins! 00:00 Intro & how to setup Cursor 05:09 How to build frontend 17:39 How to build authentication 21:30 How to build backend 40:26 How to deploy If you have any further question or want to get deep dive into more cursor course, you can join my community where I post tips weekly:

How to use Cursor to build production level application? Lots video showcasing building demos, but not many dive into details of end to end process from planning, authentication, backend setup; But it is not that hard; Made a video showcase how to bring an idea live into the wild in 20 mins! 00:00 Intro & how to setup Cursor 05:09 How to build frontend 17:39 How to build authentication 21:30 How to build backend 40:26 How to deploy If you have any further question or want to get deep dive into more cursor course, you can join my community where I post tips weekly:

212,876 görüntüleme • 1 yıl önce

Easiest way to train Cursor build fancy UI: - Find good component on - Copy & Paste prompt in Cursor

Easiest way to train Cursor build fancy UI: - Find good component on - Copy & Paste prompt in Cursor

157,159 görüntüleme • 1 yıl önce

How to 10x your Cursor workflow? Many people struggle to get Cursor produce error free projects Here is my workflow to rebuild a $1 million micros Sass with ease: 1. O1 to prep doc with file tree & dependencies 2. Use Cursor for functionality & v0 for UI touch up 3. Use templates for modular functions like auth, payment, etc. 4. Use Helicone to monitor LLM usage 5. ... 0:00 Intro & Setup 2:25 Step 1 - Plan & Prep PRD 16:57 Step 2 - Build frontend 22:34 Step 3 - Connect LLM monitoring platform 25:44 Step 4 - Build backend - Supabase 37:26 Step 5 - UI Touch up Join my community where I share AI building tips weekly:

How to 10x your Cursor workflow? Many people struggle to get Cursor produce error free projects Here is my workflow to rebuild a $1 million micros Sass with ease: 1. O1 to prep doc with file tree & dependencies 2. Use Cursor for functionality & v0 for UI touch up 3. Use templates for modular functions like auth, payment, etc. 4. Use Helicone to monitor LLM usage 5. ... 0:00 Intro & Setup 2:25 Step 1 - Plan & Prep PRD 16:57 Step 2 - Build frontend 22:34 Step 3 - Connect LLM monitoring platform 25:44 Step 4 - Build backend - Supabase 37:26 Step 5 - UI Touch up Join my community where I share AI building tips weekly:

156,634 görüntüleme • 1 yıl önce

This Cursor Extension is awesome Accurate tweaking of UI was always a struggle, But stagewise allows you to bring full context to Cursor, just point and command: 1. Directly choose specific elements in browser 2. Send to Cursor with full context And it's open source

This Cursor Extension is awesome Accurate tweaking of UI was always a struggle, But stagewise allows you to bring full context to Cursor, just point and command: 1. Directly choose specific elements in browser 2. Send to Cursor with full context And it's open source

92,988 görüntüleme • 1 yıl önce

After testing Kimi.ai K2 for a few hours, My overall take: - Performance between Claude 3.5 & Claude 4 (Just my vibe eval!) - The UI generation seems great - But the cost is only 20% of Claude 3.5 - So good enough for most coding agent with a lot more manageable cost Easiest way to use Kimi K2 in Claude Code: - export ANTHROPIC_AUTH_TOKEN=YOUR_MOONSHOT_API - export ANTHROPIC_BASE_URL= - claude ------ Here are my tests & how to integrate to Claude Code: 1. Whole UI component library 2. Make online IDE UI 3. Build Functional mario game ...

After testing Kimi.ai K2 for a few hours, My overall take: - Performance between Claude 3.5 & Claude 4 (Just my vibe eval!) - The UI generation seems great - But the cost is only 20% of Claude 3.5 - So good enough for most coding agent with a lot more manageable cost Easiest way to use Kimi K2 in Claude Code: - export ANTHROPIC_AUTH_TOKEN=YOUR_MOONSHOT_API - export ANTHROPIC_BASE_URL= - claude ------ Here are my tests & how to integrate to Claude Code: 1. Whole UI component library 2. Make online IDE UI 3. Build Functional mario game ...

80,871 görüntüleme • 10 ay önce

This is how I use LLM to scrape 99% of websites Many people didn't realise you can build agentic scraper to: 1. Handle Authentication, Human verification, Captcha 2. Handle pagination & complex UI interactions 3. Adaptive as website structure change 4. Scrape large set of data What used to take hours now can be automated in mins; Here I show case how do you automate a scraping job on Upwork where people are paying $50~$80 per hour; 0:00 Intro 1:54 Methods overview 4:52 Web Scraper agent using Spider Cloud 🕷️ Jina AI 8:37 Handle website auth & captcha using AgentQL 20:27 AI buy tickets MultiOn AI If you have any further question or want to get deep dive into the code example in the video, you can join my community where I post tips weekly:

This is how I use LLM to scrape 99% of websites Many people didn't realise you can build agentic scraper to: 1. Handle Authentication, Human verification, Captcha 2. Handle pagination & complex UI interactions 3. Adaptive as website structure change 4. Scrape large set of data What used to take hours now can be automated in mins; Here I show case how do you automate a scraping job on Upwork where people are paying $50~$80 per hour; 0:00 Intro 1:54 Methods overview 4:52 Web Scraper agent using Spider Cloud 🕷️ Jina AI 8:37 Handle website auth & captcha using AgentQL 20:27 AI buy tickets MultiOn AI If you have any further question or want to get deep dive into the code example in the video, you can join my community where I post tips weekly:

127,983 görüntüleme • 1 yıl önce

I used to design by screenshotting real products into Figma → just to design against real production UI. 🤔 But now I just capture any live web component, remix it in a vibe design playground, explore multiple directions with an AI designer, and let Claude push the final version to production.🤘 Designing on reality > mockups, crazy how far things evolved past few month Here’s how I used it to redesigned Superdesign’s own prompt input UI 👇 The browser plugin:

I used to design by screenshotting real products into Figma → just to design against real production UI. 🤔 But now I just capture any live web component, remix it in a vibe design playground, explore multiple directions with an AI designer, and let Claude push the final version to production.🤘 Designing on reality > mockups, crazy how far things evolved past few month Here’s how I used it to redesigned Superdesign’s own prompt input UI 👇 The browser plugin:

33,290 görüntüleme • 3 ay önce

10X better UI design for vibe coding - You can now use v0 in Cursor directly Turn average vibe coded UI into some production level frontend Here is my workflow & setup Can't wait for v0 to release 1.5 models access --- If you want to learn AI coding beyond basics, join I share tips & tricks weekly there

10X better UI design for vibe coding - You can now use v0 in Cursor directly Turn average vibe coded UI into some production level frontend Here is my workflow & setup Can't wait for v0 to release 1.5 models access --- If you want to learn AI coding beyond basics, join I share tips & tricks weekly there

78,621 görüntüleme • 1 yıl önce

Don't do RAG - One counter intuitive thing I learnt past few weeks - Load whole knowledge base into prompt is actually fast, cheap & more accurate than normal RAG pipeline I was building an MCP for reading external doc, I was able to generate right code example by feeding 50 pages API doc directly to Gemini 2.0 prompt On my Helicone dashboard, It gave me answer within 3 sec, at cost of $0.006, which is insanely fast & cheap imo Here I broken it down further on the method & how I built the API doc MCP 0:00 Intro to method 8:50 Gemini 2.0 example + MCP If you want to learn more about building LLM apps, join AI builder club where I post tips weekly:

Don't do RAG - One counter intuitive thing I learnt past few weeks - Load whole knowledge base into prompt is actually fast, cheap & more accurate than normal RAG pipeline I was building an MCP for reading external doc, I was able to generate right code example by feeding 50 pages API doc directly to Gemini 2.0 prompt On my Helicone dashboard, It gave me answer within 3 sec, at cost of $0.006, which is insanely fast & cheap imo Here I broken it down further on the method & how I built the API doc MCP 0:00 Intro to method 8:50 Gemini 2.0 example + MCP If you want to learn more about building LLM apps, join AI builder club where I post tips weekly:

82,818 görüntüleme • 1 yıl önce