Promptly

Promptly – The Smartest Way to Post

Comment

Inspiration

A small business owner was ready to launch a new product. The photos were perfect, the product was ready but they got stuck on one thing: The caption. Should it sound fun or professional? Which hashtags would actually work? Does this sound engaging enough?

Minutes turned into hours. The post stayed in drafts. By the time it finally went live, the momentum was gone. Low engagement. Missed attention. Lost opportunity.

This isn’t just one person’s struggle It happens every single day to creators, freelancers, entrepreneurs, and small brands.

They’re talented. Their ideas are strong. But they lose time and confidence in the content creation bottleneck. That’s Why We Built Promptly:

To solve this real problem.

Our team developed Promptly to help anyone go from post idea ➝ high-quality caption, emojis, hashtags, and design suggestions in seconds.

No more overthinking. No more delay. Just fast, smart, and impactful content instantly.

Because in today’s world, it’s not just about having something to say… It’s about saying it promptly.

What it does

Promptly is an AI-powered content assistant that transforms a post idea into:

  • Engaging captions
  • Best Suggestion recommendation
  • Emoji recommendations
  • Relevant hashtags
  • Optional design prompts
  • Voice-to-text support
  • A history tab to track and reuse past outputs
  • Multi-theme interface (light, dark, and custom themes) It’s fast, intuitive, and tailored for creators who want to focus more on generating content.

How we built it

  • Frontend: HTML, CSS, and JavaScript with a focus on responsiveness and user experience.
  • Themes: Implemented 7 custom themes via CSS variables for personalization.
  • AI Integration: Used Google Generative AI API (Gemini 1.5 Flash) to generate high-quality captions with dynamic prompt crafting.
  • Speech Recognition: Integrated Web Speech API to convert voice input into editable captions.
  • Local Storage: Stores caption history for reference and reuse.
  • Error handling: Retry mechanism added for temporary API failures.

Challenges we ran into

  • Prompt crafting: Designing a single prompt structure that consistently outputs well-formatted, creative content across different tones.
  • Voice input UX: Handling noisy transcription inputs and balancing between auto-generate and user-edit workflows.
  • Cross-browser compatibility: Ensuring speech recognition works reliably across browsers.
  • Theme integration: Managing multiple CSS themes while maintaining design consistency.

Accomplishments that we're proud of

  • A fully working AI captioning tool built from scratch with no frameworks.
  • Voice input + generative output working smoothly in real-time.
  • A clean, theme-rich UI that adapts to user preferences.
  • Building something that genuinely solves a common creator pain point.

What we learned

  • Prompt engineering is just as important as code when working with generative AI.
  • Lightweight, vanilla JS projects can still feel polished and powerful.
  • User-centric design decisions (like scroll-to-output or theme personalization) greatly improve perceived value.
  • Even small tools, when focused and refined, can solve very real problems.

What's next for Promptly

  • API-Driven History: Cloud sync and login support to save history across devices
  • Analytics Dashboard: Track engagement predictions and caption performance
  • Multilingual Support: Expand to other languages (e.g., Spanish, Hindi, Nepali)
  • Tone Tuning: Let users choose tones like funny, bold, poetic, professional, etc.
  • Auto-Design Suggestions: Generate layout/design ideas alongside captions.
  • Mobile App: Launch lightweight Android/iOS app.

What it does

Promptly is an AI-powered content assistant that transforms a post idea into:

  • Engaging captions
  • Best Suggestion recommendation
  • Emoji recommendations
  • Relevant hashtags
  • Optional design prompts
  • Voice-to-text support
  • A history tab to track and reuse past outputs
  • Multi-theme interface (light, dark, and custom themes) It’s fast, intuitive, and tailored for creators who want to focus more on generating content.

How we built it

  • Frontend: HTML, CSS, and JavaScript with a focus on responsiveness and user experience.
  • Themes: Implemented 7 custom themes via CSS variables for personalization.
  • AI Integration: Used [Google Generative AI API (Gemini 1.5 Flash)] to generate high-quality captions with dynamic prompt crafting.
  • Speech Recognition: Integrated Web Speech API to convert voice input into editable captions.
  • Local Storage: Stores caption history for reference and reuse.
  • Error handling: Retry mechanism added for temporary API failures.

Challenges we ran into

  • Prompt crafting: Designing a single prompt structure that consistently outputs well-formatted, creative content across different tones.
  • Voice input UX: Handling noisy transcription inputs and balancing between auto-generate and user-edit workflows.
  • Cross-browser compatibility: Ensuring speech recognition works reliably across browsers.
  • Theme integration: Managing multiple CSS themes while maintaining design consistency.

Accomplishments that we're proud of

  • A fully working AI captioning tool built from scratch with no frameworks.
  • Voice input + generative output working smoothly in real-time.
  • A clean, theme-rich UI that adapts to user preferences.
  • Building something that genuinely solves a common creator pain point.

What we learned

  • Prompt engineering is just as important as code when working with generative AI.
  • Lightweight, vanilla JS projects can still feel polished and powerful.
  • User-centric design decisions (like scroll-to-output or theme personalization) greatly improve perceived value.
  • Even small tools, when focused and refined, can solve very real problems.

What's next for Promptly

  • API-Driven History: Cloud sync and login support to save history across devices
  • Analytics Dashboard: Track engagement predictions and caption performance.
  • AI-Powered Image Generation: Generate image that matches your theme or vibe.
  • Multilingual Support: Expand to other languages (e.g., Spanish, Hindi, Nepali)
  • Tone Tuning: Let users choose tones like funny, bold, poetic, professional, etc.
  • Auto-Design Suggestions: Generate layout/design ideas alongside captions.
  • Mobile App: Launch lightweight Android/iOS app.

Built With

Share this project:

Updates