Skip to content

💡 AI Prompt Library

Status: ✅ Complete Priority: 📌 Important (Tier 1) Category: 🎬 Content / 💼 Official Created: 2026-04-10 Completed: 2026-04-10 Part of: Free Tools Section Live URL: aguidetocloud.com/prompts/

What Was Built

A universal AI Prompt Library — not just M365 Copilot, but all AI platforms (ChatGPT, Claude, Gemini, NotebookLM, DALL-E, Midjourney, Perplexity). Users find prompts by platform, role, M365 app, then copy with one click.

Key Stats

Metric Value
Total prompts 84
Categories 11 (Email, Writing, Data Analysis, Meetings, Summarising, Presentations, Project Mgmt, Brainstorming, Research, Customer Service, Image Generation)
Platforms 8 (M365 Copilot, ChatGPT, Claude, Gemini, NotebookLM, DALL-E, Midjourney, Perplexity)
M365 surfaces 9 (Copilot Chat Work/Web, Word, Excel, PPT, Outlook, Teams, OneNote, Loop)
Roles 13 (Executive, Manager, EA, IT Admin, HR, Finance, Sales, Marketing, Legal, Support, Consultant, Student, Creative)
SEO pages 95+ (84 prompts + 11 category pages)
Cost $0 (static content on existing Azure SWA)

Design Decisions

Decision Rationale
Universal, not Copilot-only 10x larger SEO surface — captures "ChatGPT prompts for HR" searches too
Accordion list, not card grid Cards filled entire page; accordion is scannable, compact, expand-on-demand
Soft violet (#A78BFA) accent Distinct from AI News (cyan) and M365 Roadmap (gold)
Removed Coding category Not the brand — we're "vibe coders", not a dev tools site
Removed Use Case filter Categories already serve this purpose; reduced filter clutter
Horizontal scroll filter chips Prevents multi-line wrapping that pushed content below the fold
"Tested by a human" badge Differentiator vs AI-generated prompt farm sites

Architecture

content/prompts/
├── _index.md                          # Main listing page
├── writing/                           # 12 prompts
├── email/                             # 9 prompts
├── data-analysis/                     # 9 prompts
├── meetings/                          # 7 prompts
├── summarising/                       # 10 prompts
├── presentations/                     # 8 prompts
├── project-management/                # 5 prompts
├── brainstorming/                     # 4 prompts
├── research/                          # 10 prompts
├── customer-service/                  # 3 prompts
└── image-generation/                  # 4 prompts

layouts/prompts/
├── list.html                          # Accordion list + filters
└── single.html                        # Individual prompt page

static/css/prompts.css                 # All prompt library styles
static/js/prompts.js                   # Filters, favourites, sort, copy tracking
data/platforms.toml                    # Platform definitions (name, emoji, colour)

Prompt Front Matter Schema

title: "Prompt Name"
description: "One-line plain English description"
prompt: "The actual prompt text users copy"
platforms: ["m365-copilot", "chatgpt", "claude"]
m365_surfaces: ["word", "outlook", "copilot-chat-work"]
best_on: "m365-copilot"
roles: ["manager", "hr"]
use_case: "email"
difficulty: "beginner"
tags: ["email", "professional", "outlook"]

Features Built

Feature How It Works
Accordion list Compact rows, click ▸ to expand and see full prompt
One-click copy 📋 Copy button on collapsed row — no need to expand
3 filter rows Platform, Role, M365 App — horizontal scroll strips
Filter counts Each chip shows (72) count
Shareable URLs Filter selections update URL query params
Favourites ♡ Heart button saves to localStorage
Sort A→Z, Difficulty, Category, Most Copied
🔥 Popular badge Appears after 5+ copies (localStorage)
Copy & Open in Single pages: copies prompt + opens ChatGPT/Claude/Gemini
Smart related Single pages show prompts from same category
↑ Scroll to top Violet arrow, appears after 400px scroll
← Back nav Category pages link back to main library
JSON-LD SEO CollectionPage on listing, HowTo on single pages
Category colours 11 distinct left-border colours for visual scanning
Difficulty legend ● Beginner ●● Intermediate ●●● Advanced

What We Learned

  • CSS variables don't resolve on elements outside the defining parent — use hardcoded colours for fixed-position elements (like back-to-top buttons)
  • CDN caching can serve stale CSS/JS even with cache-busting params — inline styles/scripts are bulletproof for critical UI elements
  • Card grids don't scale past ~20 items — accordion lists are better for browse-heavy pages
  • Use your own container class (.prompts-container) instead of overriding the global .container — avoids specificity fights
  • Horizontal scroll strips work much better than wrapping chip rows for filters

Future Enhancements

  • Add more prompts (target 200+)
  • Prompt of the Week/Day featured section
  • Community submissions via form → GitHub PR
  • Platform-specific landing pages (/prompts/platforms/chatgpt/)
  • Prompt customiser (detect [PLACEHOLDERS] → fillable fields)
  • Blog post + YouTube video for launch