AI Prompt Generator AI Prompt Generator for DevelopmentCraft precise prompts for mobile app and website development with AI. AI Task Type * Select AI TaskCreate Full Mobile AppDesign Mobile App UIDevelop Mobile App BackendAdd Mobile App FeatureCreate Full WebsiteDevelop Website FrontendDevelop Website BackendAdd Website FeatureWrite Code ComponentDebug CodeOptimize CodeExplain Code Programming Language (Optional) Select Language (if applicable)JavaScriptPythonHTMLCSSReact (JS)Angular (TS)Vue.js (JS)Node.js (JS)PHPRubyJavaKotlinSwiftObjective-CC#.NET (C#)GoRustTypeScriptSQLDartFlutter (Dart)C++CShell ScriptPerlRScalaHaskellErlangElixirJuliaSolidityAssembly Select the primary language for code generation. Project Name / Main Concept * Core Functionality / Key Features *What should the app/website *do*? Target Users (Optional) Who is this for?Website Specific Design & Layout Desired Design Style / Theme (Optional) Describe the general aesthetic for UI/UX tasks. Color Scheme (Optional) Select Color SchemeLight PastelDark ModernVibrant & ColorfulMonochromatic (Grayscale/Blue)Corporate Blue & GreyEarthy TonesCustom (Specify in constraints) Suggests a general color palette. Header Style (Optional) Select Header StyleMinimalist FixedProminent Sticky with LogoTransparent on ScrollSide Navigation (for desktop)Hamburger only on Mobile (responsive)Search-centric Defines the look and behavior of the header/navigation. Footer Style (Optional) Select Footer StyleSimple Copyright BarMulti-column with LinksContact Info & Social IconsWith Newsletter SignupMinimalist Dark Defines the layout and content of the footer. General Section Layout/Style (Optional) Select Section StyleClean & Card-basedFull-width Hero SectionsAsymmetrical LayoutsGrid-based Content BlocksParallax Scrolling EffectsImage-heavy with Text OverlaysMinimal & Text-focused How different content sections should be presented. Contact Form Section Style (Optional) Select Contact Form StyleSimple (Name, Email, Message)Advanced (with CAPTCHA, attachments)Embedded (e.g., Typeform, Google Forms)Floating Button opening ModalFull-page Overlay Form Video Section Style (Optional) Select Video Section StyleFull-width Auto-play Hero BackgroundStandard Embedded Player with ControlsVideo Gallery with ThumbnailsPop-up Player on Button TriggerSubtle Looping Muted Background About Section Style (Optional) Select About Section StyleStandard (Text block & Main Image)Timeline/History (Chronological)Team Showcase (Cards with photos/roles)Mission/Vision Statement focusedInteractive (with animations/scroll effects) Mobile App Specific Design & UI Mobile Platform Design (Optional) Select Mobile Platform StyleMaterial Design (Android)iOS Human Interface GuidelinesCross-Platform (Native Feel)Custom / Brand-Specific Specify platform-specific design guidelines. Mobile Navigation Style (Optional) Select Navigation StyleBottom Tab BarDrawer/Hamburger MenuTop Tab BarSegmented ControlFloating Action Button (FAB) Menu How users will navigate the app. Mobile Data Display Style (Optional) Select Data Display StyleList View with CardsGrid View with TilesCarousel/Swipe ScrollingFull-screen Detail Pages How lists of items/data should be shown. Mobile Interaction Feedback (Optional) How the app should respond to user input. Additional Constraints / Specific Requirements (Optional)Any specific technologies, libraries, or rules. Existing Code / Context (Optional)Crucial for debugging, optimizing, or adding features. Generate AI Prompt Your Generated AI PromptAI Prompt Copy
