HeroPrompt
Back to docs
Prompts

Using Prompts

Learn how to effectively use and customize HeroPrompt templates.

Updated 2026-02-15

Using Prompts

HeroPrompt templates are designed to be copied directly into your favorite AI assistant. This guide shows you how to get the most out of them.

Finding the Right Prompt

Browse by Category

The homepage organizes prompts into 7 main categories:

  1. Productivity — Excel, Word, PowerPoint, email, meeting notes
  2. Image Generation — Photography, architecture, product design
  3. Audio — Music composition, podcast scripts, voiceovers
  4. Technology — Frontend, backend, DevOps, data engineering
  5. Writing — Blog posts, technical docs, creative writing
  6. Business — Marketing, sales, customer support
  7. Education — Lesson plans, study guides, explanations

Each category has subcategories for finer-grained browsing.

Search

Use the search bar to find prompts by keyword:

text
Search: "react hooks" → Returns prompts about React hooks
Search: "SQL optimization" → Returns database performance prompts
Search: "professional email" → Returns business communication prompts

Filters

  • AI Model — See which AI models work best (ChatGPT, Claude, Gemini, etc.)
  • Tags — Filter by topic keywords
  • Difficulty — Beginner, Intermediate, Advanced, Expert

Copying a Prompt

Click on any prompt card to view the full template. Click "Copy to Clipboard" to copy the entire prompt.

The prompt will look something like this:

text
You are a senior React developer specializing in {{framework_version}}.

Create a {{component_type}} component that:
- Uses {{state_management}} for state
- Implements {{feature_list}}
- Follows {{best_practices}}

Provide complete, production-ready code with:
- TypeScript types
- Error handling
- Accessibility (ARIA labels)
- Performance optimizations

Replacing Variables

Prompts use {{variable_name}} syntax for placeholders.

Before using:

  1. Read through the entire prompt
  2. Identify all {{variables}} (highlighted in the UI)
  3. Replace each with your specific value

Example:

VariableExample Replacement
{{framework_version}}"React 18 with TypeScript"
{{component_type}}"modal dialog"
{{state_management}}"React Context API"
{{feature_list}}"close button, keyboard shortcuts (ESC), focus trap"
{{best_practices}}"modern React patterns, composition over inheritance"

Using with AI Models

ChatGPT (OpenAI)

  1. Copy the prompt
  2. Open ChatGPT
  3. Paste and replace variables
  4. Send message

Tip: For system prompts, use ChatGPT's "Custom Instructions" feature.

Claude (Anthropic)

  1. Copy the prompt
  2. Open Claude
  3. Paste and replace variables
  4. Send message

Tip: Claude excels with long, detailed prompts — don't hold back on context.

Gemini (Google)

  1. Copy the prompt
  2. Open Gemini
  3. Paste and replace variables
  4. Send message

Tip: Use the "Advanced" model for complex reasoning tasks.

Iterating on Results

Prompts are starting points. Iterate based on initial results:

  • Too generic? → Add more specific constraints
  • Wrong format? → Specify exact output structure
  • Missing context? → Add background information
  • Hallucinations? → Ask for reasoning/citations

Example iteration:

text
[First try]
"The code works but uses old patterns"

[Second try - add to prompt]
"Use only modern ES6+ syntax. Avoid class components. Use arrow functions."

Saving Favorites

Create a free account to save prompts you use frequently:

  1. Click the ❤️ icon on any prompt
  2. Access favorites from your Dashboard
  3. Favorites sync across devices

Usage Tracking

Your dashboard shows:

  • Prompts copied today (daily limit applies to Free tier)
  • Most used prompts (helps you identify what works)
  • Recently viewed (quick access to recent prompts)

Tips for Success

  1. Read the full prompt first — Understand what it's asking for before sending
  2. Provide sufficient context — The AI needs details to give good results
  3. Be specific with variables — "modern design" → "minimalist design with soft shadows and rounded corners"
  4. Use iterative refinement — Start broad, then narrow down
  5. Check AI model recommendations — Some prompts work better with specific models

Advanced: Combining Prompts

You can combine multiple prompts for complex tasks:

text
Step 1: Use "API Design" prompt to plan your endpoints
Step 2: Use "Backend Implementation" prompt to write the code
Step 3: Use "API Documentation" prompt to generate docs

For even more advanced workflows, upgrade to PRO Kit for access to Skills — multi-step workflows with branching logic.

Next Steps

Previous
Installation
Next
Categories