• Superhuman AI
  • Pages
  • AI Tutorials for Building Apps, Websites & Automation

AI Tutorials for Building Apps, Websites & Automation

THE AI ACADEMY

How to create stunning UIs with Replit’s Design agent

  • Go to Replit and sign up

  • Go to Home > Design tab and describe the UI you want

Sample Prompt: Design a modern, clean fashion website UI with a clear layout, strong visual hierarchy, and intuitive navigation. Keep the style minimal, user-friendly, and mobile-responsive. Include a hero section, clear CTAs, and simple content blocks. Provide a polished, premium look without clutter.

  • Review what it created, then refine with follow-up prompts if needed

  • Use the live preview in Replit to see how it looks on desktop and mobile

  • Once you're satisfied, click ‘Publish’ to save or share your finished design

From First Prompt to Finished App With Commands

How to go from first prompt to a finished app with Rocket Commands:

  1. Sign up on rocket.new.

  2. Enter your idea → click ‘Build My App.’
     Sample prompt: "Build an AI-native mobile app that helps teams track customer feedback in real time, with a home screen, feedback list, and feedback detail view."

  3. Open app preview, pick a screen, and open chat.

  4. Type / to access 100+ structured commands:

  • /Update Content: edit text

  • /Add Element: add blocks/CTAs

  • /Add Stripe Payments: wire up checkout on your pricing

  • /Generate Image: create visuals

  • /Restructure Layout: redesign the screen

  1. Type @filename (e.g., @pages/faq.tsx) to edit a specific file only.

  2. Launch as a PWA, copy the link, then download the Android APK from Rocket to test it on your phone.

Sign into rocket.new, type / in chat, add an @ target, and turn your next idea into a finished mobile app.

How to schedule meetings in Gmail with AI

  • Open Gmail and reply to the email requesting a meeting.

  • Click “Help me schedule” on the bottom right.

  • Gmail + Gemini scans your Google Calendar and the email context.

  • It auto-suggests ideal meeting times based on your real availability.

  • Pick the slots you like and insert them into your email with one click.

  • Edit or customize any slot if needed (add locations, change durations, or remove conflicts).

How to dictate anywhere on your computer with AI

  1. Download Wispr Flow for Mac or Windows and install.

  2. Open the app and sign in.

  3. Click into any text field, hold your hotkey, talk, release to insert text.

    • Mac default: Fn

    • Windows default: Ctrl + Win

  4. To match tone with your writing style, open Flow Hub → Style, pick a context tab (Personal, Work, Email, or Other), and choose your vibe (Formal, Casual, Very Casual, or Excited).

We recommend Casual for friendly, clean phrasing with lighter punctuation. Your choice applies everywhere you dictate on the desktop.

Download Wispr Flow and stop letting the keyboard bottleneck your brain.

How to Build any Website from Scratch (No Coding Required)

  1. Log in to MiniMax Agent (at no cost for 7 days)

  2. Enable ‘Pro Mode’ and tell the Agent exactly what you want to build. Make your request clear. 

Sample Prompt: Develop a full-stack AI-powered calorie-tracking web application that uses image recognition to provide instant calorie and nutrient information for users. I prefer using MiniMax API for image recognition and information generation

  1. Relax and let the Agent do the work for you

The tutorial uses MiniMax Agent, powered by the new MiniMax-M2 — ranked #5 globally on the Artificial Analysis Intelligence Index for efficient, reliable reasoning and coding.

How to Build an AI-Native Mobile App in Minutes

  • Sign up at rocket.new

  • Type your idea into the prompt box, then choose a use case, a framework, and the screens you need

Sample prompt: Build an AI-native app called LabelScan that lets users snap or upload a food or product label and instantly get diet-specific insights for vegan, Jain, keto, diabetic, and allergy needs. It decodes hidden ingredients, flags risks like milk, peanuts, gluten, gelatin, E-numbers, and added sugars, explains them in simple language, and suggests safer alternatives.

  • Click ‘Build My Mobile App’ and wait for Rocket to generate your app

  • Preview the mobile app and test the scan-to-results flow

  • Add native integrations: authentication, database or image storage, AI suggestions, analytics; optional payments, email, and chat

  • Launch as a PWA with Launch on Web and share the link for others to use

  • Download the Android APK from Rocket and install it on your phone to test natively

Start building now. Sign up on rocket.new and ship your mobile app in minutes.

How to build mini apps with AI to automate your work

  • Go to Claude and log in to your account

  • Enter your prompt to create an Artifact and press Enter

Sample Prompt: I want to build a mini app called "Smart CSV Analyzer." When a user uploads a CSV file, the app should first display the first 5 rows of the dataset. Then, it should automatically summarize key insights from the data, such as column types, missing values, and any obvious trends (e.g., top categories, totals, averages). Next, it should generate relevant visualizations, such as bar charts, line graphs, or histograms, based on the dataset's structure. Finally, the app should allow the user to ask custom questions about the dataset in natural language and respond with both text and visual answers when possible, all inside an interactive Claude Artifact.

  • Claude will generate an interactive artifact app.

  • In the artifact panel, click 📎 and select your .csv file. Claude will instantly begin analyzing it based on your prompt.

  • Ask Claude to revise the artifact: “Now export this as a markdown file.”

  • You can upload PDFs, images, code files, and more to AI-powered apps that work with your data.

How to build a real app in 10 minutes

  • Go to Mocha, sign up, and enter your idea

Sample Prompt: "Build me a fitness tracker with workout logging, progress charts, and a dashboard"

  • Watch Mocha build your app in 1-2 minutes

  • Once done, refine the UI and designs with simple prompts

Sample Prompt: "Make the dashboard more motivating" or "Add a calendar view"

  • Mocha also builds the backend for you automatically

  • You can prompt Mocha to add real features to your app

Sample Prompt: "Add Google login so users can save their history"

  • Mocha handles everything in one place – database, auth, hosting, and AI. No third-party tools needed.

  • Publish your website in one click to your custom domain. No code required.

👉 Sign up and build your first app today at Mocha.

How to generate compelling UIs from text prompts

  • Go to Stitch, choose Mobile or Web.

  • Describe your idea in detail. Be specific about the functionality or layout you want. Then, hit Enter.

  • Stitch will generate a full layout. Review the plan and click ‘Yes’ to move forward with design creation.

  • Once the UI is generated, click ‘Edit’ on any screen to make specific tweaks.

  • Apply themes like dark mode, adjust fonts, and set your custom color palette.

  • Choose ‘Figma’ for design collaboration or ‘Code’ to generate developer-ready assets.