How to build an AI startup in 20 minutes - Part 2

Written By Jorge Alexander

At Maiv AI, we empower startups to launch AI-driven applications rapidly. In Part 2 of our video series, we focus on customizing the ShipFast template to make it unique to your AI app. Whether you're looking to personalize your app's value proposition, update the design, or set the foundation for lead generation, this guide will walk you through the necessary steps.

Step 1: Updating the ShipFast Configurations

To begin personalizing your app, you’ll need to modify the default configurations in ShipFast:

  1. Change the App Name – In the config.js file, update the app name (for this example, we’re using "FinWiz"). Use ChatGPT to generate a relevant name if needed.

  2. Update the App Description – Generate the app’s description using ChatGPT and paste it into the config file.

  3. Support Email – Replace the default ShipFast support email with your own to ensure proper customer support.

Step 2: Modifying Headers and Copy

Once the configurations are set, it’s time to focus on the app’s content and call to action:

  1. Comment Out Features and Pricing – For the sake of this tutorial, we’ve commented out the features, pricing, and FAQ sections. However, if you’re interested in learning how to integrate features like Stripe for subscriptions or Superbase for authentication, we’ll cover that in future posts.

  2. Edit the Header – Remove any unnecessary links to pricing, testimonials, or FAQs from the header.

  3. Update Call-to-Action – Use ChatGPT to generate a call-to-action that aligns with your app’s purpose. For example, for a financial app like FinWiz, a suitable call-to-action could be: “Take control of your finances today with FinWiz, your personal AI-powered financial advisor.”

Step 3: Customizing Visuals

Next, we’ll focus on enhancing the app's visuals by replacing default images with AI-generated ones:

  1. Hero Image – We’ve replaced the default landing page image with an AI-generated piggy bank image. Upload the new image to the public folder, replacing the Unsplash image.

  2. Icon and Favicon – Similarly, download the custom icon generated by ChatGPT and replace the favicon with your new image to reflect your brand identity.

  3. Rounded Corners – Add rounded corners to images for a modern, polished look.

Step 4: Updating Copy and Adding Statistics

To make your app stand out, it’s crucial to use engaging and relevant copy:

  1. Generate Copy Using ChatGPT – Use ChatGPT to create descriptions that fit your app's value proposition. For example, “FinWiz is the AI-powered advisor that helps you manage your financial future.”

  2. Add Relevant Statistics – Incorporating data-backed statistics in your app’s copy can improve credibility. For instance, “82% of users improved their financial management within 30 days of using FinWiz.”

Step 5: Connecting Buttons and Generating AI Responses

Now that the UI is customized, let’s connect the backend to enable real-time interactions with your AI model:

  1. Connect Buttons to API Calls – Set up buttons that trigger API calls to your AI model. When a user interacts with your app, their input is sent to the AI model, which returns personalized insights.

  2. Lead Generation – Encourage users to sign up for your mailing list after they’ve received valuable AI-generated content. This sets the stage for future engagement and paid services.

Why Customizing Your AI App Matters

Customizing your app’s visuals, copy, and user experience is key to creating a unique product that resonates with your audience. At Maiv AI, we aim to make this process easy and efficient. By following the steps in this guide, you’ll be able to launch an AI-powered app tailored to your startup’s needs in just minutes.

If you’re looking for help in building or customizing AI applications, contact us at Maiv AI. We specialize in delivering AI MVPs that are ready to scale.

Take the Next Step in AI Development with Maiv AI

Ready to bring your vision to life? Check out the full video series on how to build AI-powered startup apps in under 20 minutes:

Requirements

Computer with NodeJS v18 (free) https://nodejs.org/

Chat GPT chat subscription ($20 per month) https://chatgpt.com/

ChatGPT API subscription (pay as you go) https://platform.openai.com/

SupaBase account (free) https://supabase.com/

Vercel account (free) https://vercel.com/

Github account (free) https://github.com/

ShipFast Template ($199) https://shipfa.st/?via=jorge

Subscribe for Part 3!

Jorge Alexander
Previous

How to build an AI Startup App in under 20 minutes 🚀🤖 Part 3
Next

How to build an AI startup in 20 minutes - Part 1