One-Prompt App Library
The complete collection: 75 business tools + 10 game builders. Copy any prompt, paste into Gemini or Claude, get a working app in minutes.
💎 Real-World Value Breakdown
Product Management
6 appsProduct Description Generator
Create compelling descriptions with brand voice, features, and SEO keywords.
Create a React app for generating Shopify product descriptions. **MY STORE:** [Your store name] **BRAND VOICE:** [Playful/Professional/Luxury/etc.] **NICHE:** [Your product category] Features: - Input fields: product name, key features (3-5), target customer, price point - Dropdown: tone selector (casual, professional, luxury, playful) - Generate button produces: - Main description (150-200 words, storytelling format) - Bullet points (5-7 scannable benefits) - Short description (50 words for collection pages) - Meta description (155 chars for SEO) - Each output has copy button - Character/word counters - Regenerate individual sections - Dark theme UI Use Claude API for generation. Include error handling and loading states.
Product Title Optimizer
Generate SEO-optimized titles that rank and convert.
Create a React app for optimizing Shopify product titles. Features: - Input: current product title, main keyword, product type - Generate 10 title variations: - SEO-focused (keyword first) - Benefit-focused (what it does) - Audience-focused (who it's for) - Feature-focused (key specs) - Emotional (feeling it creates) - Character counter (max 70 for Shopify) - SEO score for each (keyword placement, length, readability) - A/B test suggestion pairs - Copy individual or all titles - Highlight which words are keywords Use Claude API. Dark theme, clean cards for each variation.
Product Tag Generator
Auto-generate relevant tags for filtering and SEO.
Create a React app for generating Shopify product tags. Features: - Input: product title, description, category - Generate tags organized by type: - Category tags (product type, collection) - Attribute tags (color, size, material) - Style tags (aesthetic, vibe) - Occasion tags (when to use/wear) - Audience tags (who it's for) - SEO tags (search terms people use) - Show 30+ tags total - Click to select/deselect tags - Copy selected tags (comma-separated for Shopify) - Tag character limit warning (Shopify max 255 per tag) - Suggest tag naming conventions Use Claude API. Visual tag pills UI.
Size Guide Generator
Create professional size charts for any product type.
Create a React app for generating product size guides. Features: - Select product type: t-shirts, pants, dresses, shoes, hats, accessories - Input your size data OR use standard templates - Generate: - Size chart table (XS-3XL or numeric) - How to measure instructions - Fit description (relaxed, regular, slim) - "Between sizes?" recommendation - International size conversions (US/UK/EU) - Export as: - HTML table (copy for Shopify) - Image (for product photos) - PDF download - Preview how it looks on page - Mobile-friendly table design Include measurement illustrations descriptions.
Product FAQ Generator
Generate common questions and answers for any product.
Create a React app for generating product FAQs. Features: - Input: product name, description, key features, price - Generate 10-15 FAQs covering: - Product specs and materials - Sizing and fit - Care instructions - Shipping and delivery - Returns and exchanges - Comparison to alternatives - Durability and longevity - Customization options - Edit answers inline - Reorder by drag (or up/down buttons) - Export as: - HTML accordion (copy for Shopify) - JSON-LD FAQ schema (SEO) - Plain text - Toggle individual FAQs on/off Use Claude API. Accordion preview.
Product Comparison Chart
Create comparison tables for similar products.
Create a React app for generating product comparison charts. Features: - Add 2-4 products to compare - Input for each: name, price, key features - Auto-generate comparison criteria: - Price - Key features (checkmarks) - Best for (use case) - Pros/cons summary - Visual comparison table - Highlight "best value" or "most popular" - Export as: - HTML table for Shopify - Image for social media - Mobile-responsive table design - "Help me choose" recommendation based on needs Use Claude API. Clean comparison grid UI.
SEO & Search
5 appsSEO Metadata Generator
Generate title tags, meta descriptions, and structured data.
Create a React app for generating Shopify SEO metadata. Features: - Input: page type (product/collection/page), name, description, target keyword - Generate: - Title tag (50-60 chars) - 5 variations - Meta description (150-160 chars) - 3 variations - URL handle (slug) - Open Graph title & description - Twitter card content - Real-time character counters with color warnings - Google SERP preview (how it looks in search) - Social media preview cards - SEO checklist score: - Keyword in title? ✓ - Keyword in description? ✓ - Optimal length? ✓ - Compelling CTA? ✓ - Copy all or individual fields Use Claude API. Side-by-side preview.
Keyword Research Tool
Find keywords your customers are searching for.
Create a React app for Shopify keyword research. Features: - Input: seed keyword, product type, target audience - Generate keyword lists: - Primary keywords (main terms) - Long-tail keywords (specific phrases) - Question keywords (what/how/why) - Commercial intent (buy, best, review) - Informational (guide, tips, ideas) - For each keyword show: - Estimated difficulty (low/med/high) - Search intent type - Suggested page type (product/blog/collection) - Group by topic clusters - Export as CSV - "Use this keyword" copies to clipboard - Suggest content ideas for each Use Claude API with web search for trends.
Alt Text Generator
Create SEO-friendly alt text for product images.
Create a React app for generating image alt text. Features: - Upload image OR paste image URL - Input: product name, target keyword - AI analyzes image and generates: - Descriptive alt text (what's in image) - SEO alt text (with keyword) - Decorative indicator (if image is decorative) - Character counter (125 char recommendation) - Batch mode: paste multiple image URLs - Generate alt text for common e-commerce shots: - Product on white background - Lifestyle/in-use shot - Detail/close-up shot - Size comparison shot - Packaging shot - Export as CSV (filename, alt text) Use Claude API with vision. Preview images inline.
Schema Markup Generator
Generate JSON-LD structured data for rich snippets.
Create a React app for generating Schema.org markup. Features: - Select schema type: - Product (with reviews, price, availability) - Organization/LocalBusiness - FAQPage - BreadcrumbList - Article/BlogPosting - HowTo - Form fields specific to each schema type - Real-time JSON-LD preview - Validation checker (required fields) - Rich result preview (how it looks in Google) - Copy formatted JSON-LD - Instructions where to paste in Shopify - Test link to Google's Rich Results Test Generate valid JSON-LD with proper nesting.
SEO Audit Checklist
Interactive checklist for optimizing any page.
Create a React app for SEO page audits. Features: - Input: page URL (or paste content) - Interactive checklist categories: - Title tag (length, keyword, compelling) - Meta description (length, CTA, keyword) - Headings (H1 present, hierarchy) - Content (word count, keyword density) - Images (alt text, file names) - Internal links (present, relevant) - Mobile (responsive, tap targets) - Speed (image sizes, scripts) - Each item: checkbox + explanation + how to fix - Overall SEO score (0-100) - Priority fixes (what to do first) - Export audit as PDF - Save progress (in-memory state) - Compare before/after scores Color-coded: red (critical), yellow (improve), green (good).
Email Marketing
6 appsSubject Line Generator
High-converting email subject lines.
Create a React app for email subject lines. Features: - Input: email purpose, main offer, urgency level - Generate 20 subject lines by style: - Curiosity gap - Urgency/scarcity - Personalization (with [NAME]) - Question format - Number/list format - Emoji-enhanced - Minimal/mysterious - Benefit-driven - FOMO - Friendly/casual - Character counter (50 recommended, 70 max) - Preview text suggestions (for each subject) - Spam word checker - Mobile preview (truncation indicator) - A/B test pair suggestions - Copy subject + preview together Use Claude API. Rate by predicted open rate.
Welcome Email Sequence
5-email welcome series for new subscribers.
Create a React app for welcome email sequences. **MY BRAND:** [Store name and personality] **WELCOME OFFER:** [Discount code or offer] Features: - Input: brand story, bestsellers, unique value - Generate 5-email sequence: 1. Welcome + offer delivery (immediate) 2. Brand story + mission (Day 2) 3. Bestsellers showcase (Day 4) 4. Social proof + reviews (Day 6) 5. Offer reminder + urgency (Day 7) - For each email: - Subject line (3 options) - Preview text - Full email body - CTA button text - Send timing recommendation - Edit inline - Copy individual emails - Export all as document - Klaviyo/Mailchimp formatting tips Use Claude API. Email preview cards.
Abandoned Cart Emails
Recover lost sales with smart follow-ups.
Create a React app for abandoned cart emails. Features: - Input: brand voice, typical objections, shipping info - Generate 3-email sequence: 1. Gentle reminder (1 hour) - "Did something go wrong?" 2. Value add (24 hours) - Social proof, answer objections 3. Final offer (48-72 hours) - Discount or free shipping - Multiple tone options: - Friendly helper - FOMO-driven - Straightforward - Humorous - Dynamic content placeholders: - [PRODUCT_NAME] - [PRODUCT_IMAGE] - [CART_URL] - [CUSTOMER_NAME] - Subject lines for each - A/B test variations - Copy with Klaviyo/Shopify Email merge tags Use Claude API. Preview email flow.
Newsletter Generator
Weekly/monthly newsletter content.
Create a React app for newsletter content. Features: - Input: main topic, featured products, any news/updates - Generate newsletter sections: - Opening hook/greeting - Main story/content (educational or entertaining) - Product spotlight (2-3 products) - Quick tips or value-add - Community highlight (UGC, reviews) - Upcoming events/sales teaser - PS line - Subject line options - Preview text - Section reorder (drag or buttons) - Toggle sections on/off - Word count per section - Full newsletter preview - Copy as HTML or plain text Use Claude API. Newsletter template preview.
Win-Back Email Series
Re-engage inactive customers.
Create a React app for win-back email campaigns. Features: - Input: time since purchase, typical customer lifecycle - Generate 3-email sequence: 1. "We miss you" (30 days) - Personal touch 2. "What's new" (45 days) - New products/updates 3. "Special offer" (60 days) - Exclusive comeback deal - Tone options: - Nostalgic/warm - Exciting (look what you're missing) - Direct (we have a deal for you) - Dynamic content: - [CUSTOMER_NAME] - [LAST_PURCHASE] - [RECOMMENDED_PRODUCTS] - Unsubscribe-friendly (respect if they want to go) - Subject lines that don't feel desperate - Sunset flow option (final goodbye) Use Claude API. Sequence timeline view.
Post-Purchase Sequence
Build loyalty after the sale.
Create a React app for post-purchase emails. Features: - Input: product type, typical delivery time, care instructions - Generate 5-email sequence: 1. Order confirmation (immediate) - Excitement building 2. Shipping notification (when shipped) - Tracking + tips 3. Delivery check-in (delivery +2 days) - How's it going? 4. Review request (delivery +7 days) - Ask for feedback 5. Cross-sell (delivery +14 days) - Complementary products - Each email includes: - Subject line - Full content - CTA - Timing trigger - Product care tips integration - Review platform links (Google, Trustpilot, etc.) - Referral program mention Use Claude API. Customer journey timeline.
Customer Service
5 appsReview Response Generator
Professional responses for all review types.
Create a React app for review responses.
**MY BRAND:** [Store name]
Features:
- Input: paste customer review
- Select: star rating (1-5)
- Select: issue type (if negative):
- Shipping/delivery
- Product quality
- Sizing/fit
- Customer service
- Wrong item
- General
- Generate response that:
- Thanks the customer
- Addresses specific points they mentioned
- Offers solution if negative
- Invites future engagement
- Tone: warm, helpful, professional
- Multiple response variations
- Edit before copying
- Template library for common situations
- Never defensive or argumentative
Use Claude API. Preview side-by-side.
FAQ Answer Generator
Quick answers to common questions.
Create a React app for FAQ responses. Features: - Input: paste customer question - Input: relevant store policies (optional) - Generate answer that: - Directly answers the question - Provides helpful context - Links to relevant policy/page - Offers next steps - Common question templates: - Shipping time - Return process - Size recommendations - Payment methods - International shipping - Order tracking - Product availability - Answer length options (brief/detailed) - Save frequently used answers - Multiple tone options - Copy ready for email/chat Use Claude API. Q&A format preview.
Return/Refund Responses
Handle returns with grace.
Create a React app for return/refund responses.
**MY RETURN POLICY:** [Your policy summary]
Features:
- Select scenario:
- Return request (within policy)
- Return request (outside policy)
- Exchange request
- Refund request
- Damaged item
- Wrong item received
- Item not received
- Input: customer's message, order details
- Generate response with:
- Empathy acknowledgment
- Clear next steps
- Return instructions (if applicable)
- Timeline expectations
- Apology if our fault
- Include return label instructions
- Partial refund offer templates
- Store credit alternatives
- Escalation language when needed
Use Claude API. Step-by-step format.
Shipping Update Messages
Keep customers informed on orders.
Create a React app for shipping communications. Features: - Select message type: - Order confirmed - Order processing - Shipped notification - Out for delivery - Delivered confirmation - Shipping delay - Lost package - Address issue - Input: order number, product, tracking (optional) - Generate message with: - Friendly greeting - Status update - Tracking link placeholder - Expected timeline - Next steps - Contact info - Brand voice options - SMS-length versions - Email versions - Include delay apology templates - Weather/carrier delay explanations Use Claude API. Message preview cards.
Thank You Notes
Personalized notes for orders and gifts.
Create a React app for thank you notes. Features: - Select occasion: - First order - Repeat customer - Large order - Holiday purchase - Referral - Review left - Social media mention - Input: customer name, product purchased - Generate note that: - Feels personal, not templated - Mentions specific product - Expresses genuine gratitude - Includes small personal touch - Has appropriate length (3-5 sentences) - Handwritten style variations - Printable card format - Insert card size options - QR code for discount placeholder - Signature variations Use Claude API. Note card preview.
Content & Copy
5 appsBlog Post Generator
SEO-optimized blog posts for Shopify.
Create a React app for blog post generation.
**MY NICHE:** [Your product category]
Features:
- Input: topic, target keyword, word count goal
- Select post type:
- How-to guide
- Listicle (Top 10...)
- Product comparison
- Buyer's guide
- Industry news commentary
- Behind-the-scenes
- Generate:
- SEO title (with keyword)
- Meta description
- Full article with H2/H3 structure
- Internal link suggestions
- CTA paragraph
- Featured image description
- Word count tracker
- Keyword density checker
- Readability score
- Export as HTML for Shopify
- Section-by-section generation option
Use Claude API. Article preview with formatting.
About Page Generator
Tell your brand story compellingly.
Create a React app for About page content. Features: - Input questionnaire: - Why did you start? - What problem do you solve? - Who is your customer? - What makes you different? - What are your values? - Any milestones/achievements? - Generate sections: - Hero headline + subhead - Origin story (emotional) - Mission statement - Values section - Team/founder bio - Social proof callout - CTA section - Tone options: - Professional - Personal/warm - Bold/confident - Quirky/fun - Generate all sections or one at a time - Export as HTML - Image placement suggestions Use Claude API. Page preview layout.
Collection Descriptions
SEO-rich collection page content.
Create a React app for collection descriptions. Features: - Input: collection name, products included, target keyword - Generate: - Collection title (SEO optimized) - Hero description (above products, 50-100 words) - Extended description (below products, 200-300 words) - Meta title and description - Filter suggestions - Include: - Keyword naturally placed - Benefit statements - Who it's for - How to choose - Related collections mention - Multiple style options: - Minimal - Story-driven - Feature-focused - Lifestyle-focused - Copy for Shopify admin - Character counters Use Claude API. Collection page preview.
Banner & Hero Copy
Headlines that convert visitors.
Create a React app for banner/hero copy. Features: - Select banner type: - Homepage hero - Sale announcement - New collection - Free shipping - Email signup - Seasonal/holiday - Input: offer/message, target audience - Generate for each: - Headline (5-8 words max) - Subheadline (10-15 words) - CTA button text (2-4 words) - Supporting text (optional) - 10 variations per type - Character limits shown - Preview on banner mockup - Desktop vs mobile versions - A/B test pairs - Copy individual elements Use Claude API. Banner preview UI.
CTA Button Text
Action-driving button copy.
Create a React app for CTA button text. Features: - Select context: - Add to cart - Product page - Collection page - Homepage - Email signup - Sale/promo - Learn more - Contact - Input: what happens when clicked - Generate 20+ variations: - Standard (Shop Now) - Urgent (Get Yours) - Benefit (Start Saving) - Curious (See Inside) - Personal (Grab Mine) - Action (Explore Collection) - FOMO (Don't Miss Out) - Character limit (under 25 recommended) - Preview as button styles - A/B test suggestions - Mobile-friendly options - Accessibility notes Use Claude API. Button style previews.
Ads & Marketing
5 appsFacebook Ad Copy
High-converting FB/IG ad variations.
Create a React app for Facebook ad copy. Features: - Input: product, main benefit, target audience, offer - Select ad objective: - Traffic - Conversions - Engagement - Brand awareness - Generate for each ad format: - Single image ad - Carousel ad (hook for each card) - Video ad (script/captions) - For each, provide: - Primary text (3 lengths: short/medium/long) - Headline (5 options) - Description (3 options) - CTA button recommendation - Character counters - Preview as ad mockup - A/B test variations - Compliance check (no prohibited words) - Export ad set bundle Use Claude API. Ad preview cards.
Google Ads Copy
Search and shopping ad copy.
Create a React app for Google Ads copy. Features: - Input: product/service, target keyword, unique value prop - Select ad type: - Responsive Search Ad - Performance Max - Shopping ad - For Responsive Search Ads: - 15 headlines (30 chars each) - 4 descriptions (90 chars each) - Display path suggestions - Strict character counters - Keyword insertion placeholders - Preview as SERP result - Pin recommendations (which headlines to pin) - Ad strength predictor - Competitor differentiation tips - Export as CSV for bulk upload Use Claude API. SERP preview mockup.
Sale Announcement
Launch sales with multi-channel copy.
Create a React app for sale announcements. Features: - Input: sale name, discount, dates, what's included - Generate complete campaign: - Homepage banner copy - Email announcement - Email reminder (last day) - Instagram post + story - Facebook post - SMS message - Pop-up copy - Google ad headlines - Countdown urgency messaging - Discount code display - Terms and conditions template - Preview all at once - Copy individual channels - Timeline: pre-launch, launch, reminder, last chance Use Claude API. Campaign dashboard view.
Influencer Outreach
DM and email templates for collabs.
Create a React app for influencer outreach. Features: - Input: your brand, product to send, collab type - Input: influencer name, niche, recent content reference - Generate: - Initial DM (short, casual) - Initial email (professional) - Follow-up message - Collaboration proposal - Contract terms outline - Personalization placeholders - Offer structure options: - Gifting only - Gifting + commission - Flat fee - Revenue share - Talking points for what to highlight - Content requirements template - Timeline expectations - Multi-variation for A/B testing Use Claude API. Message preview cards.
Retargeting Ad Copy
Win back visitors who didn't buy.
Create a React app for retargeting ads.
Features:
- Select audience segment:
- Viewed product, didn't add to cart
- Added to cart, didn't checkout
- Past customers (cross-sell)
- Engaged but never purchased
- Input: product category, main objection to overcome
- Generate ads for each segment:
- Reminder ads ("Still thinking about...")
- Social proof ads ("Others love...")
- Urgency ads ("Limited stock...")
- Discount ads ("Special offer...")
- Free shipping ads
- Platform versions (FB, IG, Google Display)
- Dynamic product placeholders
- Frequency cap recommendations
- Creative rotation suggestions
Use Claude API. Audience journey visualization.
Operations & Policies
5 appsShipping Policy Generator
Clear, professional shipping policies.
Create a React app for shipping policy generation. Features: - Input form: - Shipping locations (domestic, international) - Carriers used - Processing time - Shipping costs (or free threshold) - Express options - PO Box policy - Tracking info - Generate complete policy covering: - Processing times - Shipping methods and costs - Delivery estimates - International shipping - Tracking information - Lost/damaged packages - Delays and exceptions - Tone options (formal/friendly) - Table format for rates - FAQ format option - Copy as HTML for Shopify page Use Claude API. Policy preview.
Return Policy Generator
Build trust with clear return terms.
Create a React app for return policy generation. Features: - Input form: - Return window (days) - Condition requirements - Who pays return shipping - Refund method - Exchange options - Non-returnable items - Sale items policy - Generate policy covering: - Return eligibility - Return process steps - Refund timeline - Exchanges - Damaged/defective items - Final sale items - Contact information - Customer-friendly language - Step-by-step return instructions - FAQ format option - Copy as HTML for Shopify Use Claude API. Policy preview layout.
Supplier Communications
Professional emails to vendors.
Create a React app for supplier emails. Features: - Select email type: - Initial inquiry (new supplier) - Quote request - Order placement - Order status follow-up - Quality issue report - Payment confirmation - Reorder - Negotiation - Input: product details, quantities, timeline - Generate professional email with: - Proper greeting - Clear request - Specifications - Timeline expectations - Professional sign-off - Multiple tone options - Follow-up sequence for no response - Negotiation talking points - Template library for common scenarios Use Claude API. Email preview format.
Inventory Alert Messages
Stock status communications.
Create a React app for inventory messages. Features: - Select alert type: - Low stock warning (internal) - Out of stock customer notification - Back in stock email - Pre-order announcement - Limited quantity urgency - Restock ETA update - Input: product name, quantity, restock date - Generate: - Internal team alerts - Customer-facing messages - Website badges/labels - Email notifications - Urgency levels (calm to critical) - Waitlist signup CTA - Alternative product suggestions - Pre-order incentive copy - Social media restock announcements Use Claude API. Message cards by channel.
Privacy Policy Generator
GDPR/CCPA compliant policies.
Create a React app for privacy policy generation. Features: - Input checklist: - Data collected (email, address, payment, etc.) - Third-party services (Shopify, Klaviyo, FB Pixel, etc.) - Cookies used - Marketing communications - Sell to international customers? - Generate policy sections: - Information we collect - How we use information - Third-party sharing - Cookie policy - Data retention - Your rights (GDPR, CCPA) - Children's privacy - Policy updates - Contact information - Compliance markers (GDPR, CCPA, PIPEDA) - Last updated date auto-fill - Copy as HTML for Shopify Use Claude API. Legal format preview.
Analytics & Research
4 appsCustomer Persona Generator
Build detailed ideal customer profiles.
Create a React app for customer personas. Features: - Input: your products, price range, current customers (what you know) - Generate 3-4 distinct personas with: - Name and avatar description - Demographics (age, location, income, job) - Psychographics (values, interests, lifestyle) - Pain points and challenges - Goals and aspirations - Shopping behavior - Where they hang out online - Objections to buying - What convinces them to buy - Preferred content types - Marketing recommendations for each - Messaging do's and don'ts - Export as PDF or cards - Compare personas side by side Use Claude API. Persona card layouts.
Competitor Analysis
Research and compare competitors.
Create a React app for competitor analysis. Features: - Input: competitor URL/name (up to 3) - Input: your store for comparison - Generate analysis of each competitor: - Product range and pricing - Unique value proposition - Target audience - Marketing channels used - Messaging and tone - Strengths - Weaknesses - Opportunities for you - Side-by-side comparison table - Gap analysis (what they don't offer) - Differentiation opportunities - Action items for your store - Export as report Use Claude API with web search. Comparison matrix.
Survey Question Generator
Customer feedback surveys that work.
Create a React app for survey questions. Features: - Select survey type: - Post-purchase feedback - Product feedback - Website usability - Customer satisfaction (NPS) - New product interest - Brand perception - Input: specific things you want to learn - Generate 10-15 questions: - Multiple choice - Rating scales (1-5, 1-10) - Open-ended - Yes/No - Question logic suggestions (skip patterns) - Avoid leading questions - Mobile-friendly formatting - Incentive suggestions - Export for Typeform/Google Forms - Analysis tips for responses Use Claude API. Survey preview layout.
Review Sentiment Analyzer
Extract insights from customer reviews.
Create a React app for review analysis. Features: - Input: paste multiple reviews (bulk text) - Analyze and extract: - Overall sentiment score - Most mentioned positives - Most mentioned negatives - Common themes/topics - Feature requests - Comparison mentions (vs competitors) - Emotional language patterns - Generate: - Summary report - Improvement priorities - Marketing testimonial candidates - FAQ additions needed - Product description improvements - Visual charts (sentiment breakdown) - Quote extraction for marketing - Export analysis report Use Claude API. Dashboard-style results.
Visual & Creative
4 appsProduct Photo Prompts
AI image generation prompts for products.
Create a React app for product photo prompts. Features: - Input: product name, color, key visual features - Select shot type: - Hero/main image - Lifestyle/in-use - Flat lay - Detail/close-up - Scale comparison - Packaging - Model shot description - Select style: - Clean/minimal - Lifestyle warm - Editorial - Dramatic - Playful - Luxury - Vintage - Select aspect ratio (1:1, 4:5, 16:9, etc.) - Generate complete prompt with: - Subject description - Scene/background - Lighting - Mood/atmosphere - Technical specs - Product identity preservation instructions - Copy for Midjourney/DALL-E/Imagen Use Claude API. Prompt preview cards.
Mood Board Descriptions
Visual direction for collections.
Create a React app for mood board generation. Features: - Input: collection theme, target vibe, season - Generate comprehensive mood board description: - Overall aesthetic - Color palette (with hex codes) - Textures and materials - Typography suggestions - Photography style - Model styling notes - Prop suggestions - Location/setting ideas - Lighting mood - Reference artists/eras - Visual search term suggestions - Pinterest board keywords - Stock photo search terms - Brands with similar aesthetic - Music playlist mood (for shoots) Use Claude API. Color palette display.
Social Graphics Prompts
AI prompts for social media graphics.
Create a React app for social graphics prompts. Features: - Select graphic type: - Quote card - Announcement banner - Sale graphic - Story template - Carousel cover - Profile picture - Cover photo - Select platform (determines size) - Input: text to include, brand colors, vibe - Generate AI image prompt with: - Background description - Text placement area - Style and mood - Color specifications - Composition notes - Text overlay suggestions - Canva-style layout descriptions - Multiple style variations - Brand consistency notes Use Claude API. Size guides included.
Brand Color Palette
Generate cohesive color schemes.
Create a React app for brand color palettes. Features: - Input: brand personality, industry, target feeling - Input: any existing colors to work with (optional) - Generate palette with: - Primary color - Secondary color - Accent color - Background colors (light/dark) - Text colors - Success/error/warning states - For each color provide: - Hex code - RGB values - Color psychology explanation - Usage recommendations - Accessibility contrast checker - Color combination previews - Light mode/dark mode versions - Export as CSS variables - Export as Tailwind config - Preview on website mockup Use Claude API. Interactive color swatches.
Seasonal & Events
4 appsHoliday Campaign Planner
Complete holiday marketing plans.
Create a React app for holiday campaign planning. Features: - Select holiday: - Valentine's Day - Mother's Day/Father's Day - Memorial Day/Labor Day - 4th of July - Back to School - Halloween - Black Friday/Cyber Monday - Christmas/Holiday Season - New Year - Custom event - Generate complete campaign: - Campaign name/theme - Timeline (pre-launch to post) - Email sequence (5-7 emails) - Social content calendar - Ad copy variations - Website updates needed - Discount strategy - Urgency tactics - Gift guide if applicable - Budget allocation suggestions - Checklist format with deadlines - Export as project plan Use Claude API. Campaign timeline view.
Product Launch Sequence
Full launch plan for new products.
Create a React app for product launch planning.
Features:
- Input: product name, launch date, unique features
- Generate complete launch sequence:
- Pre-launch (2 weeks out):
- Teaser content
- Email list warming
- Behind-the-scenes content
- Launch week:
- Announcement content
- Email sequence
- Social posts
- Ad campaigns
- Influencer coordination
- Post-launch:
- Review requests
- UGC collection
- Retargeting
- Each piece includes actual copy
- Timeline view with dates
- Task checklist
- Launch day hour-by-hour schedule
- Contingency plans
Use Claude API. Launch calendar view.
Flash Sale Generator
Urgency-driven sale content.
Create a React app for flash sale content. Features: - Input: sale duration, discount, products included - Generate all urgency content: - Countdown timer copy - "X hours left" messages - "Last chance" messages - "Ending tonight" messages - For each channel: - Email (start, middle, final hours) - SMS (short alerts) - Push notifications - Pop-up copy - Banner headlines - Social posts - Story content - Urgency intensifies over time - Stock scarcity messaging - Ethical urgency (real deadlines) - Post-sale "you missed it" for FOMO Use Claude API. Countdown phases display.
Milestone Celebration
Celebrate business anniversaries.
Create a React app for milestone celebrations. Features: - Select milestone: - Store anniversary - X orders reached - X customers served - X products sold - Award/recognition - New location/expansion - Team milestone - Input: specific numbers, date started - Generate celebration content: - Thank you message to customers - Reflection/journey post - By-the-numbers infographic text - Customer appreciation sale - Giveaway announcement - Team spotlight content - Email to subscribers - Social media posts - Press release (if applicable) - Gratitude-focused tone - Forward-looking messaging - Customer involvement ideas Use Claude API. Milestone card designs.
Music & Audio
5 appsBackground Music Finder
Find royalty-free music for content.
Create a React app for finding background music. Features: - Select content type: product video, social media, unboxing, brand video, podcast intro, store playlist, ad - Select mood: upbeat, calm, inspiring, fun, professional, emotional, trendy - Input: video length, brand vibe - Generate: genre suggestions, tempo range (BPM), instrument recommendations, royalty-free library suggestions (Artlist, Epidemic Sound, Musicbed), search terms per library, mood keywords - Licensing explanation per platform - Budget options (free vs paid) Use Claude API. Mood board display with color-coded moods.
Sound Effect Prompts
Prompts for AI audio generation.
Create a React app for sound effect prompts. Features: - Categories: notification sounds, transition whooshes, UI interactions, ambient backgrounds, product sounds (unboxing, packaging), celebration/success, alert/attention - Input: brand personality, use case - Generate prompts for AI audio (ElevenLabs/Suno): detailed sound description, duration recommendation, technical specs, mood/feeling, similar reference sounds - Multiple variations per type - Preview description of expected result - Save favorites (in-memory), export prompt library Use Claude API. Sound category cards with waveform icons.
Podcast Intro Script
Professional podcast openings.
Create a React app for podcast intro scripts. Features: - Input: podcast name, topic/niche, host name(s) - Select style: professional/authoritative, casual/friendly, energetic/exciting, mysterious/intriguing, educational - Select length: 15 seconds, 30 seconds, 60 seconds - Generate: word-for-word intro script, music/sound suggestions, timing breakdown, matching outro script, episode-specific intro template - Include: hook/attention grabber, podcast description, host intro, what to expect, CTA (subscribe, etc.) - Word count for timing, TTS-ready formatting Use Claude API. Script preview with timing markers.
Video Music Matcher
Match music mood to video content.
Create a React app for video-to-music matching. Features: - Input: describe your video content scene by scene - Input: video length, key moments (timestamps) - Select video type: product showcase, tutorial, brand story, social clip, ad/commercial, testimonial - Generate music brief: overall mood arc, genre recommendation, tempo changes (intro/middle/end), energy levels per section, instrument suggestions, emotional beats - Sync points for cuts, build-up/drop suggestions - Royalty-free search terms, platform-specific recommendations, alternative mood options Use Claude API. Visual timeline with energy curve.
Store Playlist Generator
Curated playlist for your brand vibe.
Create a React app for store/brand playlists. Features: - Input: brand personality keywords, target customer demographics - Select store vibe: upscale/luxury, trendy/hip, relaxed/chill, energetic/fun, cozy/warm, minimalist/zen - Time of day considerations (morning/afternoon/evening energy) - Generate playlist brief: genre mix recommendations, artist style suggestions (without specific names), tempo range (BPM), energy curve (opening to closing), seasonal adjustments, specific mood descriptors - Spotify/Apple Music search terms - Songs/artists to avoid (overplayed), volume recommendations, update frequency suggestions Use Claude API. Vibe visualization with color gradients.
Bundle Builder Copy
Create compelling bundle descriptions.
Create a React app for product bundle copy.
Features:
- Input: products in bundle (2-5 items), individual prices, bundle price
- Generate: 10 creative bundle name options, description highlighting savings, "What's included" list with benefits, value proposition statement, who it's perfect for, gift angle copy
- Auto-calculate and display savings percentage
- Compare "bought separately" vs bundle price
- Urgency copy options ("limited time"), cross-sell suggestions for related bundles
- Copy formatted for Shopify product page
Use Claude API. Bundle preview card with savings calculator.Internal Link Suggester
Find SEO linking opportunities.
Create a React app for internal link suggestions. Features: - Input: paste your page/blog content - Input: list of other pages on your site (title + URL pairs) - AI analyzes and suggests: which pages to link to, optimal anchor text variations, where in content to place links, why each link is relevant - Prioritize suggestions by SEO value - Identify orphan pages (no links pointing to them) - Export complete linking plan - Track which links have been implemented - Suggest reciprocal link opportunities Use Claude API. Visual link map showing connections.
Thread/Carousel Generator
Multi-slide educational content.
Create a React app for carousel/thread content. Features: - Input: main topic, 3-5 key points to cover, desired CTA - Select format: Instagram carousel (square) or X/Twitter thread - Generate 7-10 slides/tweets: hook slide (attention grabber), value slides (main educational content), example/proof slide, CTA slide - For each slide: headline text, body text (appropriate length), visual/image suggestion - Thread version optimized for X format - Preview carousel flow visually, copy all slides or individual - Design notes for each slide (colors, layout suggestions) Use Claude API. Slide preview cards in sequence.
SMS Marketing Generator
Short, punchy text messages.
Create a React app for SMS marketing messages. Features: - Select SMS type: flash sale alert, new product launch, back in stock notification, abandoned cart reminder, shipping update, VIP exclusive offer - Input: offer details, urgency level, link to include - Generate 5 message variations per type - Character counter (160 recommended for single segment), segment counter for longer messages - Compliance checklist: opt-out text included, brand name identified, no spam trigger words - Preview as phone mockup (iOS/Android toggle) - Best time-to-send suggestions by type - Short link placeholder formatting Use Claude API. Phone preview with typing animation.
Live Chat Scripts
Quick responses for chat support.
Create a React app for live chat scripts. Features: - Categories: greetings/welcome, product questions, order status inquiries, shipping questions, returns/exchanges, technical issues, closing/goodbye - Generate 5 scripts per category with variations: formal tone, friendly tone, brief/quick - Personalization placeholders ([NAME], [ORDER_NUMBER], etc.) - Follow-up question suggestions, escalation scripts for complex issues - "Please hold" messages, transfer to human messages - Search and filter scripts, one-click copy - Organize by frequency of use, favorite marking Use Claude API. Quick-copy card grid with categories.
Gift Card Message Generator
Thoughtful messages for gift cards.
Create a React app for gift card messages. Features: - Select occasion: birthday, holiday/Christmas, thank you, congratulations, just because, anniversary, get well, new baby, graduation - Input: recipient name, sender name, any personal details to include - Generate 10 message options in styles: heartfelt/emotional, funny/playful, simple/elegant, punny/clever, sentimental/nostalgic - Character limit indicator (gift card text space is limited) - Preview on gift card mockup - Include brand mention tastefully - Copy individual messages, save favorites (in-memory) Use Claude API. Gift card preview with message placement.
Referral Program Copy
Encourage customers to share.
Create a React app for referral program copy. Features: - Input: referral reward (what referrer gets), friend reward (what new customer gets) - Generate complete program copy: 10 program name options, homepage section copy, email invite template, social media share messages, SMS invite, thank you message (when referral converts), reminder emails, "How it works" steps, FAQ answers - Tone options: exciting/energetic, friendly/casual, exclusive VIP feel - Terms and conditions template, share button text variations, success/confirmation messages Use Claude API. Program page preview mockup.
Terms of Service Generator
Protect your business legally.
Create a React app for Terms of Service. Features: - Input questionnaire: business/store name, website URL, products/services sold, age restrictions (if any), user accounts required?, subscription services offered? - Generate comprehensive sections: acceptance of terms, use of website, purchases and payment terms, intellectual property rights, user-generated content policy, prohibited activities, disclaimers and warranties, limitation of liability, indemnification, governing law/jurisdiction, changes to terms, contact information - Plain language option vs legal language - Proper legal document formatting - Copy as HTML for Shopify page - Note: recommend lawyer review for final version Use Claude API. Document preview with section navigation.
Pricing Strategy Helper
Optimize pricing decisions.
Create a React app for pricing strategy analysis. Features: - Input: product cost, competitor prices (2-3), target profit margin - Calculate and suggest multiple strategies: cost-plus pricing, competitive pricing, value-based pricing, psychological pricing ($X.99, $X.95), bundle pricing options, premium vs economy positioning - Display for each strategy: resulting price, profit margin %, break-even units needed, comparison to competitors - Price anchoring suggestions (how to display original vs sale price) - Discount impact calculator (if I discount X%, how many more must I sell?) - Export complete pricing analysis sheet - Visual charts comparing strategies Interactive calculator with real-time updates.
Art Style Prompt Builder
Custom style modifiers for AI art.
Create a React app for AI art style prompts. Features: - Select base style category: illustration, photography, painting, digital art, vintage/retro, minimalist - Select specific era/movement: Art Nouveau, Art Deco, Retro 80s, Y2K aesthetic, Cottagecore, Cyberpunk, Fantasy, Vaporwave - Generate comprehensive style modifier including: technique description, texture details, color treatment/palette, lighting style, composition rules, reference descriptors (without specific artist names) - Test style with sample prompts - Save favorite style combinations (in-memory) - Combine multiple style elements - Export as reusable template for consistent branding Use Claude API. Style preview with visual examples description.
Voice Note Script Generator
Scripts for audio messages.
Create a React app for voice note scripts. Features: - Select message type: customer thank you, order update, personal outreach, VIP notification, feedback request, holiday greeting - Input: customer name, relevant details - Generate scripts optimized for speaking: natural conversational tone, appropriate length (15-30 seconds), includes pauses [pause], emphasizes key words, warm and personal feel - Word count and estimated duration - Tips for recording (tone, pace, energy) - Multiple variations per type - Copy script with recording notes Use Claude API. Script preview with timing markers.
Contest Rules Generator
Legal giveaway rules.
Create a React app for contest/giveaway rules. Features: - Input: prize description, prize value, entry method, start/end dates, eligibility (age, location) - Select platform: Instagram, TikTok, Email, Website, Multi-platform - Generate comprehensive rules: eligibility requirements, how to enter, selection process, prize details, odds of winning, notification method, prize claim process, disqualification terms, limitation of liability, privacy notice, sponsor info - Platform-specific compliance notes (Instagram rules, etc.) - Short version for social posts - Full legal version for website - Copy both versions Use Claude API. Rules document preview.
App Store Description
If you have a mobile app.
Create a React app for app store descriptions. Features: - Input: app name, key features, target user - Select store: Apple App Store, Google Play, Both - Generate: app title (30 chars), subtitle (30 chars), short description (80 chars), full description (4000 chars), keyword list, what's new section, promotional text - Include: feature bullets, social proof placeholder, CTA - Character counters for each field - ASO tips per section - Screenshot caption suggestions - Preview as app store listing - Copy formatted for each store Use Claude API. App store preview mockup.
Pop-up Shop Copy
Signage and event copy.
Create a React app for pop-up shop copy. Features: - Input: event name, dates, location, featured products - Generate all signage copy: welcome sign, product category signs, price tags, "About Us" board, social media handle sign, email signup sign, limited edition/exclusive tags, "Thank You" sign - Event promotion: social media announcements, email invite, press release snippet, flyer copy - Staff talking points - Character limits for sign sizes - Print-ready formatting - QR code call-to-actions - Multiple style options (minimal, bold, playful) Use Claude API. Sign mockup previews.
Monthly Report Generator
Business summary reports.
Create a React app for monthly business reports. Features: - Input: month, revenue, orders, top products, marketing spend, key wins, challenges - Generate professional report sections: executive summary, sales performance, top products analysis, marketing ROI, customer insights, challenges and solutions, next month priorities, key metrics dashboard text - Comparison to previous month (if provided) - Insights and recommendations - Action items list - Export as formatted document - Chart description placeholders - Multiple formats: detailed, executive summary, team update Use Claude API. Report document preview.
Three-Prompt Game Builders
10 complete games built with just 3 prompts each. Perfect for store gamification, customer engagement, email capture, or just for fun!
Discount Slot Machine
Spin-to-win for discounts.
**GAME: Discount Slot Machine** - 3 prompts to build PROMPT 1 - CORE ENGINE: Create a React slot machine game. 3 spinning reels with icons (shopping bag, diamond, star, gift, coin emojis). Spin button with animation. Reels spin independently, stop left to right. Matching icons = win. Prize display. Sound effects optional. Confetti on jackpot. Limit 3 spins per session. Collect email before first spin. Dark theme, casino aesthetic. No localStorage. PROMPT 2 - PRIZE CONFIG: Add prizes: 3x shopping bags = 10% off (common), 3x stars = 15% (uncommon), 3x diamonds = 20% (rare), 3x gifts = free shipping, 3x coins = 25% JACKPOT (very rare), 2 matching = 5% consolation, no match = try again. Weighted randomness: 10% off 30% chance, no match 40%, jackpot 2%. Show prize code with copy button. PROMPT 3 - POLISH: Add brand header, "Thanks for playing!" message, social share buttons, terms link, remaining spins counter, session end screen with prizes won, "Shop Now & Use Your Code" CTA, exit intent popup "Wait! Spin for a discount first!"
Memory Match Game
Product matching for engagement.
**GAME: Memory Match** - 3 prompts to build PROMPT 1 - CORE ENGINE: Create a React memory card matching game. 4x4 grid (8 pairs, 16 cards). Cards flip on click with CSS animation. Match 2 = stay revealed, no match = flip back after 1 second. Move counter and timer. Win when all matched. Shuffle on start. Card backs show logo/question mark. Card fronts show product emojis (shirt, dress, shoe, bag, hat, sunglasses, watch, ring). Dark theme, smooth animations. No localStorage. PROMPT 2 - SCORING: Add scoring: Base 1000 points, -10 per move over minimum (16), -5 per second over 60. Bonus +100 for under 20 moves, +200 for under 30 seconds. Difficulty levels: Easy 3x4 (6 pairs), Medium 4x4 (8 pairs), Hard 4x5 (10 pairs). High score display (session only). Star rating based on performance. "Play Again" button. PROMPT 3 - REWARDS: Complete Easy = 5% off code, Medium = 10%, Hard = 15%, perfect game (minimum moves) = 20%. Win screen: time, moves, star rating, discount code with copy button, "Share your score" button, "Shop Now" CTA. Session leaderboard. Brand header with tagline.
Snake Game
Classic snake with rewards.
**GAME: Snake Game** - 3 prompts to build PROMPT 1 - CORE ENGINE: Create a React Snake game. Canvas-based 400x400 game board. Snake starts with 3 segments. Arrow key controls. Food appears randomly. Snake grows when eating. Game over on wall or self collision. Score +10 per food. Speed increases gradually. Pause with spacebar. Dark theme with neon green snake. Smooth 60fps animation. Mobile: touch controls or swipe detection. No localStorage. PROMPT 2 - POWER-UPS: Add power-ups spawning occasionally: Star = double points 10 sec, Shield = invincibility 5 sec, Lightning = speed boost + extra points, Diamond = instant +50 points. Obstacles: walls spawn after score 50, moving obstacles after 100. Visual effects: trail on snake, particle explosion on food eat, screen shake on power-up, glow effect when invincible. PROMPT 3 - REWARDS: Score thresholds: 50 pts = 5% off, 100 = 10%, 200 = 15%, 500 = 20% (legendary). Game over screen: final score, high score (session), discount earned, code with copy button, "Play Again", "Shop Now" CTA. Add retro sound effects. Brand header with logo placeholder.
Product Trivia Quiz
Test customer knowledge.
**GAME: Product Trivia Quiz** - 3 prompts to build PROMPT 1 - CORE ENGINE: Create a React trivia quiz game. 10 multiple choice questions with 4 answers each (A, B, C, D). Timer per question (15 seconds). Correct/incorrect feedback with explanation. Progress bar showing question X of 10. Score tracking. Questions about: brand history, product materials, sustainability facts, fashion/product trivia. Randomize question order each game. Dark theme, clean UI. No localStorage. PROMPT 2 - DIFFICULTY: Create 20+ sample questions with answers. Difficulty scaling: Q1-3 Easy (20 sec), Q4-7 Medium (15 sec), Q8-10 Hard (10 sec). Streak bonus: 3 correct in a row = 2x points. Lifelines (one each per game): 50/50 removes 2 wrong answers, Skip question (no points, no penalty). PROMPT 3 - REWARDS: Score tiers: 0-30% = "Keep learning!" 5% off, 40-60% = "Nice try!" 10%, 70-80% = "Expert!" 15%, 90-100% = "Genius!" 20% off. Results show: score X/10, percentage, time taken, title earned, discount code, "Share Results" button, "Learn More" links to correct answers, "Shop Now" CTA. Celebration animation for perfect score.
Rock Paper Scissors
Quick play discount game.
**GAME: Rock Paper Scissors** - 3 prompts to build
PROMPT 1 - CORE ENGINE:
Create a React Rock Paper Scissors game. Large clickable buttons with rock/paper/scissors emojis. VS computer opponent. Animated reveal (hands shake then show choice). Win/Lose/Tie display with result explanation ("Rock beats Scissors!"). Score tracking (you vs computer). Best of 5 rounds format. Reset button. Dark theme with bold accent colors. Smooth animations. No localStorage.
PROMPT 2 - TOURNAMENT MODE:
Add tournament mode: Must win 3 rounds to win tournament. Visual progress indicator. Round counter. Dramatic "Match Point!" indicator when at 2 wins. Power-ups (one of each per tournament): Crystal Ball = see AI choice before picking, Shield = tie counts as your win, Rematch = force replay of last round. Visual effects on win streaks.
PROMPT 3 - REWARDS:
Win tournament = 15% off, sweep (3-0) = 20% off, lose = 5% consolation. Collect email before first tournament. Show discount code on completion. "Challenge a friend" share button. Rematch button. "Shop Now" CTA. Daily limit: 3 tournaments per session. Brand header and footer styling.Wheel of Fortune
Spin the wheel for prizes.
**GAME: Wheel of Fortune** - 3 prompts to build PROMPT 1 - CORE WHEEL: Create a React prize wheel game. Colorful wheel with 8 segments (different colors). CSS rotation animation. Large spin button. Pointer/arrow at top of wheel. Wheel spins 3-5 full rotations then gradually slows. Lands on random segment. Prize reveal animation. Optional sound effects. Segments: 5% Off, 10% Off, 15% Off, Free Shipping, Mystery Gift, Try Again, 20% Off (small), JACKPOT 30% (smallest). No localStorage. PROMPT 2 - WEIGHTED ODDS: Implement weighted randomness: Try Again 25%, 5% Off 25%, 10% Off 20%, Free Shipping 12%, 15% Off 10%, Mystery Gift 5%, 20% Off 2%, Jackpot 1%. The wheel animation must land on the predetermined result. Add "calculating your destiny..." suspense message before spin. Confetti explosion for big wins (15%+). PROMPT 3 - EMAIL GATE: Before first spin: require email input with "Get your spin!" button. After spin: prize announcement with celebration animation, discount code displayed prominently, copy code button, "Shop Now" CTA, social share buttons, "Try Again Tomorrow" message. Limit: 1 spin per session. Brand styling with logo placeholder throughout.
Sliding Puzzle
Product image puzzle.
**GAME: Sliding Puzzle** - 3 prompts to build PROMPT 1 - CORE ENGINE: Create a React sliding puzzle game. 3x3 grid (8 numbered tiles + 1 empty space). Click tile adjacent to empty space to slide it. Shuffle on start (ensure puzzle is solvable - use even parity check). Move counter. Timer counting up. "Solved!" detection when tiles are in order. Smooth slide animation. Optional: show reference image of solved state. Reset/shuffle button. Dark theme, clean minimal design. No localStorage. PROMPT 2 - DIFFICULTY & IMAGES: Add difficulty levels: Easy 3x3 (8 tiles), Medium 4x4 (15 tiles), Hard 5x5 (24 tiles). Image mode: instead of numbers, slice a product image into puzzle pieces. Provide sample product image URL input. Toggle between number mode and image mode. Hint system: show solution briefly (adds 5 second time penalty), highlight which tile should move next. PROMPT 3 - REWARDS: Completion rewards by difficulty: Easy under 50 moves = 10% off, Medium under 100 moves = 15%, Hard completed at all = 20%. Results screen: time taken, move count, star rating (1-3 based on efficiency), discount code with copy, "Shop the product" CTA button (link placeholder), share score button, play again with different difficulty/image. Session leaderboard.
Whack-a-Mole
Fast-paced discount hunting.
**GAME: Whack-a-Mole** - 3 prompts to build PROMPT 1 - CORE ENGINE: Create a React Whack-a-Mole game. 3x3 grid of holes. Shopping bags (emoji) pop up randomly from holes. Click/tap to whack them. 30 second game timer. Score counter. Bags stay visible for 1-2 seconds before hiding. Multiple bags can appear at once. Whack animation (squish/pop effect). Miss click (empty hole) = -5 points. Hit = +10 points. Speed increases as time passes. Playful, colorful theme. No localStorage. PROMPT 2 - SPECIAL TARGETS: Add target types with visual indicators: Regular shopping bag = +10 pts, Diamond bag (sparkles) = +25 pts (rare, disappears fast), Gold bag = +50 pts (very rare), Red X bomb = -25 pts (don't hit!), Star = freezes time for 3 seconds. Sound effects per hit type. Combo system: 3 hits in a row = bonus multiplier. Fever mode activates at 10 combo (everything worth double). PROMPT 3 - REWARDS: Score thresholds: 100+ pts = 5% off, 200+ = 10%, 300+ = 15%, 500+ = 20% (master level). Results screen: final score, accuracy percentage, best combo achieved, high score (session), discount earned, code with copy button, "Play Again" button, "Shop Now" CTA. Mobile touch fully optimized. Brand header.
Magic 8-Ball Advisor
Fun product recommendations.
**GAME: Magic 8-Ball Advisor** - 3 prompts to build PROMPT 1 - CORE 8-BALL: Create a React Magic 8-Ball app. Large 3D-style 8-ball graphic (CSS). Shake animation using CSS keyframes. "Ask a question about your purchase..." prompt. Click/tap ball to shake. Answer fades in inside triangle window after shake completes. Mix of classic answers plus shopping-themed: "Buy it now", "Sleep on it", "Treat yourself", "Wait for a sale", "Ask a friend first", "Signs point to yes", "Your closet says yes". Mystic/cosmic dark theme with stars. No localStorage. PROMPT 2 - PRODUCT INTEGRATION: Add question modes: "Should I buy [product name]?", "What should I buy today?", "Is this the right color for me?". Smart shopping answers that can suggest: "The universe says... check our bestseller", "Destiny points to... [collection name placeholder]", "The stars align for... free shipping today". Special discount reveal: 1 in 10 shakes triggers "The cosmos grant you 15% off!" with discount code. PROMPT 3 - SHARING & LIMITS: Share your answer feature (copies "My 8-ball said: [answer]" text). Screenshot-friendly result card design. Shake counter: max 10 shakes per session. "Come back tomorrow for more guidance" message at limit. Optional email capture to unlock 5 more shakes. Product link placeholders in answers. "Shop Now" CTA after answers. Mystical branding throughout. Daily fortune message on first visit.
Endless Runner
Run and collect discounts.
**GAME: Endless Runner** - 3 prompts to build PROMPT 1 - CORE ENGINE: Create a React endless runner game. Side-scrolling canvas-based game. Character (simple shape or emoji) runs automatically from left. Tap/click/spacebar to jump. Obstacles (boxes/barriers) to avoid by jumping. Collectibles (coins/stars) floating in air to grab. Score = distance traveled + collectibles. Speed gradually increases. Parallax scrolling background (2-3 layers at different speeds). Ground texture scrolling. Game over on obstacle collision. Simple geometric art style. 60fps smooth animation. No localStorage. PROMPT 2 - POWER-UPS: Add collectibles: Shopping bag emoji = +10 points, Diamond = +50 points, Gift box = random power-up. Power-ups (last 5 seconds each): Shield = pass through one obstacle, Magnet = attract nearby collectibles automatically, 2x = double points, Super Jump = higher jumps. Double jump ability (always available). Slide/duck move (swipe down or press down arrow). Obstacle variety: low obstacles (jump), high obstacles (slide), moving obstacles. PROMPT 3 - REWARDS: Distance milestone rewards: 500m = 5% off, 1000m = 10%, 2000m = 15%, 5000m = 20% (legendary status). Game over screen: distance traveled, coins collected, high score (session), discount earned (if any), code copy button, "Run Again" button, "Shop Now" CTA. Daily challenge feature: "Reach 1000m today!" with special reward. Brand character color customization option.
