ProPrompt

Static site generator for showcasing professional AI prompts. Built with Astro and Tailwind CSS.

Quick Start

npm install
npm run dev        # Development
npm run build      # Production

Adding Prompts

Create folders in /prompts/ with three files:

prompts/example/
├── example.help.md    # Metadata
├── example.prompt.md  # Input prompt
└── example.output.md  # AI response

Metadata Format ({slug}.help.md)

---
title: "Prompt Title"
description: "Brief description"
media_type: text       # text | image | video | audio | code
model: "Claude"        # AI model used
tags: ["tag1", "tag2"]
created: "2025-08-13T10:00:00Z"
---

Media Types

• text: Rendered as markdown
• image: Displays image from URL
• video/audio: Embedded player
• code: Syntax-highlighted

Deployment

Update astro.config.mjs for GitHub Pages:

export default defineConfig({
  site: 'https://username.github.io',
  base: '/repo-name',
});

Deploy the dist/ folder to any static host.