Remix

Make your own version of TOKIO Social

Get an exact, working copy in your account, then change anything with chat.

Original by A Wahab

What would you change?

Start free with 40 credits. No card needed.

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.

TOKIO — MASTER APP DEVELOPMENT PROMPT

Build a complete, mobile-friendly short-video social media app named TOKIO with the tagline “Watch. Create. Connect.” Create a real functional application, not just a demo. Preserve existing features when updating the app.

1. Official TOKIO Logo and Design

Create an original, professional gaming-style logo featuring a sharp geometric T/X symbol, electric blue and neon purple glow, matte black background, and bold TOKIO text beneath it. Use the same logo on the app icon, splash screen, login, navigation, AI Studio, creator dashboard, wallet, and admin panel.

Create and save the actual logo asset in the project. If image generation is unavailable, create an original SVG logo. Do not use a generic placeholder or copy TikTok branding.

Use a futuristic black interface, blue-purple gradients, white text, premium cards, smooth animations, and responsive Android-friendly layouts.

2. Authentication and Profiles

Implement secure signup, login, logout, password recovery, profile photos, usernames, biographies, account verification, privacy settings, user blocking, reporting, and account deletion. Use Supabase or Firebase authentication.

3. Short Video Feed

Build a vertical swipe video feed with automatic playback, sound controls, For You, Following, trending videos, likes, comments, shares, saves, follow buttons, captions, hashtags, view counts, and video reporting.

Add Discover and Search for users, videos, hashtags, categories, and trending content.

4. Video Upload

Allow users to upload videos from their phones, preview them, add captions and hashtags, choose thumbnails and privacy settings, save drafts, track upload progress, and publish or delete their own videos. Use secure cloud storage and video processing.

5. AI Video Studio

Add Text-to-Video and Image-to-Video generation.

Support available styles such as realistic, 3D cartoon, anime, horror, action, and cinematic. Offer supported durations and aspect ratios, including vertical 9:16.

Include prompt entry, image upload, cost or credit estimates, genuine generation status, retry, cancellation when supported, preview, My AI Videos, download, and publishing after user confirmation.

Connect a real AI video API through the backend. Keep API keys secret, track jobs, enforce limits, and clearly display provider errors. Never fake generated videos or unlimited free credits.

6. Social Features and Messaging

Implement creator profiles, followers, likes, comments, replies, sharing, saved videos, private one-to-one chat, video sharing in messages, unread counts, notifications, and push notifications where configured.

7. Live Streaming and Virtual Gifts

Integrate a real live-streaming provider. Support live video/audio, viewer counts, live chat, moderation, reporting, and ending streams.

Add virtual gifts, configurable coin prices, verified purchases, gift history, and creator revenue calculations. Prevent fake transactions and duplicate payments.

8. Real Creator Earning System

Implement eligible earnings from verified video views, supported creator rewards, challenges, and live gifts.

Add eligibility requirements, original-content checks, watch-time validation, bot detection, anti-fraud rules, and a creator earnings dashboard.

Display eligible views, estimated and finalized earnings, pending balance, available balance, and transaction history. Never invent earnings or guarantee money for every view.

9. Wallet and Withdrawals

Create a secure creator wallet with balances, ledger, withdrawal requests, fees, transaction IDs, and statuses: pending, under review, approved, processing, paid, failed, rejected, and reversed.

Use real payment and payout providers that support the required use case in Pakistan. Verify provider availability and approvals. Implement server-side validation, identity verification where required, duplicate payout protection, and auditable financial records. Never allow users to edit their balances directly.

10. Creator Dashboard and Rewards

Include video analytics, eligible views, followers, AI usage, live history, gifts, challenges, monetization eligibility, and withdrawal history.

Allow admins to create creator challenges, set eligibility requirements, define rewards, and verify results before issuing rewards.

11. Admin Dashboard

Create a separate, secure admin panel for managing users, videos, reports, moderation, categories, AI limits, provider status, creator eligibility, rewards, gift prices, financial transactions, withdrawals, payouts, notifications, and audit logs.

Only authorized admins may access privileged functions.

12. Backend and Security

Use a reliable database such as PostgreSQL, secure authentication, private cloud storage, video processing, AI API integration, live-streaming integration, payment webhooks, and notification services.

Create database models for users, videos, AI jobs, follows, likes, comments, messages, notifications, live streams, gifts, view events, rewards, wallets, ledger entries, withdrawals, reports, and admin logs.

Enforce authentication, authorization, database access policies, rate limits, upload validation, secure secrets, backups, fraud detection, and duplicate transaction protection.

13. Main Navigation

Create five bottom tabs:

1. Home
2. Discover
3. Create (+)
4. Inbox
5. Profile

The Create button should offer Upload Video, Record Video where supported, and AI Video Studio.

Add settings, privacy, notifications, help, terms, and account deletion.

14. Testing and Delivery

Test signup, login, video uploads, feed playback, social interactions, chat, AI generation, live streaming, gifts, wallet, withdrawals, and admin permissions.

Deliver the working app, official TOKIO logo asset, database setup, secure backend, API configuration instructions, and deployment steps.

Important: Implement real functionality wherever provider access is configured. If an API, payment provider, approval, or secret key is missing, show a clear setup message instead of a fake success screen. Clearly disclose costs and limitations. Preserve all working features and prioritize a secure, polished Android experience.

Start fresh from this prompt

Builds a brand new app from the first prompt only, so later changes to the original are not included.