HeroPrompt
Back to docs
Getting Started

Quick Start

Get up and running with PromptKit in minutes.

Updated 2024-01-15

Quick Start

Get started with PromptKit in just a few minutes. This guide covers the basics of finding and using prompts.

1. Browse Categories

PromptKit organizes prompts into categories:

  • Frontend: React, Vue, CSS, accessibility
  • Backend: APIs, databases, authentication
  • DevOps: Docker, CI/CD, infrastructure
  • Data Engineering: Pipelines, SQL, analytics
  • And more...

Visit the home page to see all categories.

2. Find a Prompt

Each prompt card shows:

  • Name: What the prompt does
  • Tags: Related topics
  • AI Models: Recommended AI to use

Click on a prompt to see the full template.

3. Copy and Use

bash
# Example: Using a prompt with Claude
1. Copy the prompt template
2. Open Claude (or your preferred AI)
3. Paste and fill in the {{variables}}
4. Send and iterate!

4. Customize Variables

Prompts use {{variable}} syntax for dynamic content:

text
Create a React component for {{component_name}} that:
- Uses {{styling_approach}} for styling
- Handles {{state_type}} state
- Follows {{pattern}} patterns

Replace the variables with your specific requirements.

5. Save Favorites

Create a free account to:

  • Save favorite prompts
  • Track your usage
  • Sync across devices

Next Steps