A colorful 3D mobile game trailer shot: [game character] [action, e.g. dashing through a candy world collecting stars], bouncy animation, bright saturated colors, fast camera following, playful energy.
Results for “mobile”
13 prompts
Create a 2-week social launch plan for [app] that helps [audience] with [problem]. Include teaser posts, a launch day video script, feature demos, user testimonials, a founder story post and a giveaway idea.
My page breaks on mobile: [describe problem, e.g. horizontal scroll, overlapping elements]. Here's the HTML/CSS: [paste]. Find the cause, fix it with mobile-first CSS, and explain how to test on different screen sizes.
A clean product demo video of a smartphone floating in front of a soft gradient [color] background, slowly rotating, the screen showing [app type] UI with smooth scrolling and tap animations, subtle reflections on the glass, modern tech commercial lighting.
Act as a senior iOS developer. iOS target: [version] Screen: [purpose and elements] Data: [model and source] Navigation: [details] Write a SwiftUI view with a view model (ObservableObject or @Observable), loading/error/empty states, accessibility labels, Dynamic Type support, previews, and comments.
SwiftUI view for iOS
Build a clean SwiftUI screen with state, navigation and accessibility.
Help me build this layout with CSS. Layout description: [e.g. sidebar left, cards grid that wraps, sticky header, footer at bottom] Breakpoints: [mobile/tablet/desktop behaviour] Existing HTML (optional): [paste] Give the HTML and CSS using Flexbox or Grid (explain which and why), comment each key property, and show h…
CSS layout with Flexbox or Grid
Build the layout you have in mind with modern CSS, explained property by property.
You are a performance engineer. Platform: [browser app, Node.js, Python, mobile] Symptoms: [memory grows over time, crashes after X hours] Suspicious code: ``` [paste] ``` Explain common leak causes for this platform, how to profile and capture heap snapshots step by step, what to look for, likely culprits in my code,…
Investigate a memory leak
Find and fix memory leaks in web apps, Node.js services or mobile apps.
Act as a senior software architect. Project type: [web app, API, mobile app, library] Stack: [details] Team size and expected growth: [details] Features: [list] Propose a folder structure (with explanation of each folder), layering (e.g. routes, services, data access), naming conventions, where tests live, configurati…
Project folder structure and architecture
Organise a new or growing project with a clean, scalable folder structure and conventions.
You are an identity and security engineer. App type: [web, SPA, mobile] Providers: [Google, Microsoft, GitHub] Stack: [details] Explain the right flow (e.g. authorization code with PKCE), step by step, with a sequence diagram in Mermaid, how to handle state and nonce, token storage, account linking, logout, and common…
Design an OAuth login flow
Plan a 'Sign in with Google/Microsoft/GitHub' flow securely, with the right OAuth/OIDC settings.
You are a conversion rate optimisation expert. Page goal: [action] Traffic source and audience: [details] Current conversion rate: [if known] Page content (or description of each section): [paste] Audit: clarity of value proposition, above-the-fold, trust and proof, objection handling, CTA clarity, friction in forms,…
Landing page conversion audit
Find what's stopping visitors from converting and get prioritised fixes.
[Attach a screenshot or design image] You are a front-end developer. Recreate this design as HTML and CSS. Requirements: - Semantic HTML5 and accessible markup (alt text, labels, contrast) - Responsive: mobile first, with breakpoints at [e.g. 640px, 1024px] - Styling with [plain CSS with variables / Tailwind] - Match…
Turn a screenshot or design into HTML and CSS
Upload a mockup or screenshot and get responsive, semantic HTML and CSS that matches it closely.
Act as a senior mobile developer. Framework: [React Native with Expo / Flutter] Screen: [e.g. login, product list, profile, settings] Features: [list] Data: [static / API endpoint] Design style: [minimal, iOS-like, Material] Write the screen with: - Clean component structure - Loading, error and empty states - Form va…
Mobile app screen in React Native or Flutter
Generate a polished mobile screen with navigation, state and platform-friendly UI.