💬 AI Prompt Library
Live at: aguidetocloud.com/prompts/
Built: April 2026
Cost: $0 (static content, no API calls)
What It Does
A universal prompt library with 76 ready-to-use prompts across 8 AI platforms and 11 categories. Each prompt is a standalone SEO page with copy-to-clipboard, platform tags, "Open in" links, and HowTo JSON-LD schema.
Think of it like an app store for AI prompts — browse by category, filter by platform, copy and go.
Architecture Overview
┌──────────────────────────────────────────────────────┐
│ content/prompts/ │
│ │
│ ├── _index.md (root page) │
│ ├── writing/ │
│ │ ├── _index.md (category page) │
│ │ ├── blog-post-outline.md │
│ │ └── ... │
│ ├── brainstorming/ │
│ ├── customer-service/ │
│ ├── data-analysis/ │
│ ├── email/ │
│ ├── image-generation/ │
│ ├── meetings/ │
│ ├── presentations/ │
│ ├── project-management/ │
│ ├── research/ │
│ └── summarising/ │
├──────────────────────────────────────────────────────┤
│ data/platforms.toml (8 platform definitions) │
├──────────────────────────────────────────────────────┤
│ layouts/prompts/list.html (accordion list page) │
│ layouts/prompts/single.html (prompt detail page) │
│ static/js/prompts-v2.js (filtering + copy + nav) │
│ static/css/prompts.css (violet accent theme) │
└──────────────────────────────────────────────────────┘
Content Structure
11 Categories
| Category |
Prompts |
| Brainstorming |
Various |
| Customer Service |
Various |
| Data Analysis |
Various |
| Email |
Various |
| Image Generation |
Various |
| Meetings |
Various |
| Presentations |
Various |
| Project Management |
Various |
| Research |
Various |
| Summarising |
Various |
| Writing |
Various |
| Total |
76 prompts |
Defined in data/platforms.toml:
| Platform |
Short |
Emoji |
| M365 Copilot |
M365 |
⚡ |
| ChatGPT |
GPT |
🟢 |
| Claude |
Claude |
🟠 |
| Gemini |
Gemini |
🔵 |
| NotebookLM |
NbLM |
📓 |
| DALL-E |
DALL-E |
🎨 |
| Midjourney |
MJ |
🖼️ |
| Perplexity |
Pplx |
🔍 |
Prompt Front Matter Fields
Each prompt .md file includes:
title: "Blog Post Outline"
description: "Generate a structured blog outline..."
prompt: "The actual prompt text goes here..."
platforms: [m365-copilot, chatgpt, claude, gemini]
best_on: chatgpt
roles: [content-creator, marketer]
use_case: "Content creation"
difficulty: beginner
tags: [writing, blog, outline]
Frontend Features
List Page (Accordion Layout)
| Feature |
Detail |
| Accordion cards |
Grouped by category — click to expand/collapse |
| First prompt open |
First prompt in each category auto-expanded |
| Platform dropdown |
Filter prompts by platform (shows only compatible prompts) |
| Search |
Text search across all prompt titles and descriptions |
| URL state |
?platform= + ?q= — shareable filtered views via history.replaceState |
| Category colours |
Each heading has a unique accent colour via data-category attribute |
| Keyboard nav |
Enter/Space to expand/collapse, aria-expanded for screen readers |
| SEO |
CollectionPage JSON-LD with numberOfItems + breadcrumbs |
Single Prompt Page
| Feature |
Detail |
| Prompt display |
Full prompt text in a styled code block |
| Copy to clipboard |
Button uses Clipboard API with execCommand fallback |
| Platform tags |
Shows all compatible platforms with emoji badges |
| "Open in" links |
Direct links to ChatGPT, Claude, Gemini, Perplexity, NotebookLM |
| Related prompts |
Cards showing other prompts from the same category |
| SEO |
HowTo JSON-LD schema + breadcrumbs + tool list |
| Difficulty badge |
Beginner / Intermediate / Advanced |
CSS — prompts.css (Violet Accent #A78BFA)
| Element |
Detail |
| Accent |
Violet #A78BFA |
| Category colours |
Per-heading left accent borders via data-category |
| Accordion cards |
Visible background + border, expandable |
| Platform badges |
Inline coloured chips |
| Copy button |
Styled with hover animation |
| Mobile |
≤768px: stacked toolbar, vertical row headers, single-column related grid |
Key Design Decisions
| Decision |
Rationale |
| Each prompt = own SEO page |
Individual pages rank in search results for specific prompt queries |
| HowTo schema |
Google can display prompts as rich results in search |
| Platform dropdown (not chips) |
Cleaner UX than showing 8 platform filter chips |
| Accordion (not grid) |
Prompts need to show the full text — accordion gives space to read |
| No API calls |
100% static content — prompts are authored in Markdown, built by Hugo |
| Cross-links to Prompt Polisher |
Users can polish any prompt they find here |
Maintenance
| Task |
How |
| Add a new prompt |
Create content/prompts/<category>/<slug>.md with required front matter |
| Add a new category |
Create content/prompts/<category>/_index.md with emoji, weight, type |
| Add a new platform |
Add entry in data/platforms.toml + update "Open in" links in single.html |
| Update prompt text |
Edit the prompt: field in the markdown front matter |
Last updated: 11 April 2026