
Jason Zhou
@jasonzhou1993 • 30,617 subscribers
Building @crewlet_ & @SuperDesignDev | Learn to build with AI at @aibuilderclub_
Shorts
Videos

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)
Jason Zhou744,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
Jason Zhou218,699 görüntüleme • 4 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:
Jason Zhou287,643 görüntüleme • 1 yıl önce

Claude code just made this whole video using remotion One shot wtf
Jason Zhou200,021 görüntüleme • 10 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:
Jason Zhou78,413 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:
Jason Zhou212,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
Jason Zhou157,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:
Jason Zhou156,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
Jason Zhou92,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 ...
Jason Zhou80,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:
Jason Zhou127,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:
Jason Zhou33,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
Jason Zhou78,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:
Jason Zhou82,818 görüntüleme • 1 yıl önce