Your AI App Builder Prompt 🚀

The Exact Structured Prompt I Used

Copy this and paste it into Claude Code (or your AI coding assistant).


I want to create a new Python Django web application.

—

## Tech Stack & Architecture

– Use Django templates with Tailwind CSS for the UI.
– Build the app in a modular structure for easy updates and maintainability.
– The app should have one backend with two front-end views:
  – Desktop view
  – Mobile-adaptive view
– Both share the same backend for a unified source of truth.
– Use the built-in Django Admin for all admin and management tasks.
– Use SQLite with Django ORM for the database.
– Use my existing virtual environment (venv).

—

## Development Workflow

We’ll build the app step-by-step, starting with:

1. Creating the project structure.
2. Creating a project plan file (PLAN.md) that includes a checklist of all tasks.
   – Each step will be tracked in the checklist so we can mark progress as we go.

—

## App Description

App Name:
A web app that allows me to create high-quality thumbnails using Nano Banana, 
while quickly referencing assets that I use very often.

Assume Nano Banana Pro provides an API with support for:
– Image generation from prompts
– Reference image inputs
– Configurable aspect ratios

When you open the app:

– A clean interface appears.
– A text input field is centered at the bottom of the screen.
– This is where prompts are typed to generate images with Nano Banana.

Features required:

– Ability to add reference images.
– Frequently used references are called “Elements”.
– Elements are triggered using @element syntax.

Example usage:
“Create an image of @Riley in the style of @intensethumbnail”

Both elements must already exist in the database.

The input field must include:
– A manual “Add Images” button.
– An aspect ratio selector (default 16:9).
– An Elements button.

—

## Elements Screen

– Separate screen for managing elements.
– Display existing elements.
– Add new elements.
– Store reference images for each element.

When typing “@” in the prompt field:
– Show a dropdown of available elements.
– Allow selection to auto-complete.

—

## Image Gallery

– Display generated images.
– Clicking an image opens full-screen view.
– Allow image download.

—

## Before You Start

Ask me any clarifying questions to fully understand the project before beginning.

Your AI App Builder Prompt 🚀

The Exact Structured Prompt I Used

My App Builder Guide

Leave a Reply Cancel reply

The Exact Structured Prompt I Used

Similar Posts

Leave a Reply Cancel reply