← Video Library · Case Studies
AI Powered Rizz: 2-Hour Social Skills App Building Experiment Broken Down in 10 Minutes! 🤖
Published July 12, 2024 · 326 views on YouTube
Key takeaways
- ChatGPT can be used for market research: brainstorming an idea, then digging through Reddit threads to identify common pain points a product could solve.
- Once ChatGPT defines core features and user flow, that research can be handed to Claude's artifacts to generate a working visual mockup of an app.
- Iterating with Claude — giving feedback like colors, tone, or additional screens — refines a mockup through many screens: onboarding, login, journal, profile, achievements, and community.
- A mockup built this way is not functional code by itself, but it can be a starting point for a developer to build out in React, and a way to validate whether people would actually pay for the idea.
How Was This App Mockup Created Using ChatGPT and Claude?
The mockup was built by first using ChatGPT to brainstorm and research the idea, then handing that research to Claude’s artifacts feature to generate visual screens. The process combined a research phase in ChatGPT with a design and mockup phase in Claude, moving back and forth between the two over roughly two hours.
Where Did the App Idea Come From?
The idea started as a joke: after seeing a notification about a sale on US domain names around the Fourth of July, the creator bought “rz.us” as a play on “rizz,” slang for charisma or romantic appeal. From there, the question became whether that domain could become an actual app or subscription product, which kicked off the brainstorming process.
What Steps Did the Research and Mockup Process Follow?
- Started in ChatGPT (using an existing custom GPT with a buyer brief and research frameworks built in) and prompted it to brainstorm ideas around “rz.us” and the concept of charisma.
- Asked ChatGPT to get more app-driven and look through Reddit threads for common problems people face related to social skills and charisma — surfacing pain points like social anxiety, introversion, awkward social situations, body language, and building confidence.
- Had ChatGPT take an AI-first, market-research-strategist approach to identify and prioritize the most common symptomatic pain points, narrowing to things like initiating conversations, maintaining engagement, dealing with social anxiety, non-verbal communication, and responding to common social questions.
- Asked ChatGPT to define core features and a user interface/experience flow for an app addressing those pain points, including basic monetization ideas such as a freemium model with a $5-7/month subscription tier.
- Took that research and description into Claude and asked it to generate a mockup, using its artifacts capability to produce actual visual screens rather than just text descriptions.
- Iterated on the mockup with follow-up feedback — including style input from a family member to make the design feel more masculine, using black and rich mahogany tones — refining it into a cleaner visual design.
- Kept expanding the mockup by asking Claude to add more functions and screens: a “Master Dialogue” feature, achievements, goal-setting, a “Charisma Journal” with daily reflections and challenges, a login screen, and additional onboarding and profile pages (notifications, achievements, badges, a community section).
- Generated further variations targeting different audiences (young professionals, college students, people in the dating scene, business executives) along with sample ad copy tailored to each audience.
What Was the Result, and What Would Come Next?
The result was a series of app mockups and screens — homepage, onboarding, login, journal, profile, and community pages — built entirely through AI-assisted research and design, without writing any code. Not every mockup screen worked perfectly; some had visual glitches. The stated next steps were to get feedback from real people on whether they would actually pay for the app (potentially with a free trial and a lower-ticket pricing option), and to hand the design off to a developer familiar with React to determine how quickly it could be built into a working product.
Full video transcript
So I was playing around inside of Claude’s 3.5 Sonnet this weekend and had a funny idea. I got a notification, I guess it was over the Fourth of July, actually, about a sale on US domain names. So I was thinking, what would be a funny domain name to buy? And I actually bought “rz.us” — R-Z, or rz.us. So I bought this domain, but then I was curious: how could I brainstorm ideas for how to make this domain into an actual app or something that people could subscribe to?
What you’re looking at here is an artifact developed inside of Claude that has helped actually create a mockup of this, which I was incredibly surprised with — how it was able to create the actual mockups, the different screens, and the walkthroughs and workflows. So in this video I want to show you how I got to this point, in hopes that you might get some inspiration for ways that you could utilize Claude, artifacts, and AI in general to come up with app MVP ideas that you could then take — bearing in mind that this is written in code that you could work with a developer, or someone of that sort, to create this inside of React.
I actually started this whole process in ChatGPT. I’ve been using my Million Workflow GPT and using this because it has our whole buyer brief built into it, plus a bunch of other frameworks that we use for researching and then creating content around it. What I wanted to use, though, was an idea like, okay, I want to start brainstorming rz.us or something along those lines. Basically “rz” is the slang term for having charisma, charm, in many cases like a romantic appeal, but I think the word “charisma” is the one that stands out — the ability to charm. So basically what it started doing is giving me some ideas for the different use cases of it, and started calling out some ideas.
I wanted to give it the next prompt: I want to be more app-driven — something simple — and look through Reddit threads for common problems people face. So what it started doing from here was going through the common problems that people are facing on Reddit related to having issues regarding social skills and charisma — so, how could an app around solving problems related to social anxiety, improving social skills, introversion, handling awkward social situations, building confidence, body language, and so on.
Once I had that, I went with something like: taking an AI-first approach, acting as a market research strategist, identify specific symptomatic pain points we can identify — common pain points and address them in a simple, streamlined way. So we started going deeper here into what the big pain points are — things like initiating conversation. I did spend some time looking through some of these Reddit threads, a great place for social listening — maintaining engaging interactions, dealing with social anxiety, non-verbal communication, responding to common social questions.
So as you can see, it’s giving me these different things I can boil down into an AI-driven social skills app: real-time feedback, personalized coaching, practice scenarios, progress tracking, educational content. And it started, with my next prompt, on how we would create an app for this in a simple, elegant way — defining the core features, creating a user interface, user experience flow — all building around solving these core problems and how we’d build an app around that. It then started to map out the machine learning and integration phase, and basic monetization strategies, like freemium subscription plans — five bucks a month or seven bucks a month or something like that could be an option, or you could give it away for free and have deals inside.
So that’s the app flow. From here I’m going to toggle back to my Claude account, because instead of Claude — I then took those contents from the ChatGPT thread and gave them to it, and told it: give me a mockup to display. From here, basically, not ChatGPT — Claude, instead — its artifacts went through and basically created this mockup, which I was like, okay, that’s kind of cool that it was able to do that. Right now it’s not interactive, but I said the interface seems like it could look cooler, so it took me down and made it look a little bit cooler — but not as cool as I wanted it to look. I got some more feedback from my fiancée; she said, yeah, definitely for this it needs to be a little bit more masculine — black, rich mahogany. So I was describing it with her input, what we could use here, and that’s where we got to this, which I actually thought was really clean. You can see it’s just a very simple visualization of what we were describing that could be a useful app for someone who wants to use this for building social skills. You see it giving typography, daily tips, power move, and from here I just started playing around with it.
I started building a mockup with additional functions, like Master Dialogue, and I was like, okay, well, how could we create the different functions for these? So now you can see it’s creating all the different screens within the app and how it could operate. Being able to get achievements, set goals — it’s actually quite inspiring going through this process and seeing what was possible. Little Charisma Journal here — have it be interactive, today’s reflection, daily challenges — and now I’m like, okay, well, we need a login screen now. Cool. So I just started mocking up these different screens — Charisma Seeker, unmatched social prowess, homepage mockup — and just kept going down the line, creating different mockups of it and trying to think through: okay, if I were to create this app, or if I wanted to put this in some sort of presentation, I want to be able to go through all the different steps of the customer journey.
I asked if we were missing anything — here’s what we’ve got — and it suggested some additional profile setup pages, like notifications, achievements, badges, that sort of thing. So now we can see the profile page, notifications and reminders, a community section for people to leave tips and tricks. I haven’t done anything in terms of coding this out yet. My next step would be getting feedback from people — like, hey, would you actually pay for something like this — and start a seven-day free trial, or something along those lines. I think the pricing probably makes more sense as something much lower ticket — easy for people to tap into and let AI help build their social skills, get feedback and results.
We generated a lot more of these, as well — an expanded onboarding scene. Some of these actually did tie together — let me see if I can do that here — welcome, start. I didn’t like it, it went back to that color. A series of mockups on the homepage, targeting different language for different professionals — young professionals, college students, dating scene, social superpowers — obviously just catering some of this language toward — I don’t think dating dynamo is something I would use necessarily — flirting finesse, first date mastery. A lot of different use cases for this, but I’m sure any number of these would actually be a well-enough niche to start from. Looking at maybe a business executive who wants to increase their charisma in commanding a boardroom — the language for this person, each one of these would basically get their own blueprint that we would create, to build an offer for this product specific to that market. Then I started generating a bunch of different ad copy for it, for each one of these different professionals, and I just kind of stopped there.
All in all, probably like two hours playing around with this whole process, going back and forth. I don’t know if I’ll have time this week to talk with folks about this necessarily, or do anything with it particularly right now, other than running it by someone I know who does React code and can actually create an app — I want to see how fast this could get turned into something plugged in with AI, which would be kind of the next step from the initial mockup, and validating that this is an idea people would actually be interested in paying for.
Not all of the screens actually work — sometimes the mockups did mess up a bit — but here’s the one I was mentioning earlier, and then we’ll wrap things up: how to do a mockup flow, track your progress, tell us about yourself, set your goals, your experience level, you’re all set, get started — get them into the app, get them set up. It’s just kind of wild to think that, with a matter of doing some research with ChatGPT, honing in on using social listening on Reddit, identifying some top pain points we could build an app on, we came up with this AI social skills app that, who knows, could be a very legitimate side hustle business idea if we wanted to move forward with it.
Hopefully this gives you some idea about what you can do with Claude, these AI tools at your disposal, to bring your ideas a bit closer to life. Let me know if you have any comments or otherwise about this process, and if you see any apps that might be giving you ideas to do, or use cases for leveraging what we can do now with Claude, as well as tools like ChatGPT. Anyways, see you in the next video. Keep coming, AI on.