//LOADING

Initializing terminal interface...

Starting up...0%

· Alec Reimel  · 2 min read

AI Hub — Prompt Library, Claude Code Agents & Skills

AI Hub — Prompt Library, Claude Code Agents & Skills project illustration
//Technology
  • Astro 5: Static site generation, routing, content collections
  • React 19: Navbar and FAQ accordion islands
  • Tailwind CSS 4: Styling through the Vite plugin
  • TypeScript: Browser scripts for filters, copy, templates, and forms
  • MDX & Markdown: Prompt, agent, and skill content
  • Zod: Content schema validation
  • Web3Forms: Contact and prompt-submission forms
  • Playwright & axe-core: End-to-end and accessibility tests
  • GitHub Actions & GitHub Pages: CI and hosting
//Project_Description

An open-source static site that publishes copyable AI prompts, Claude Code agents, and skills, with search, filters, fill-in templates, and one-click copy, built with Astro content collections.

View Live Site View on GitHub

One Directory, Three Kinds of Resource

AI Hub is a static, open-source site that publishes a library of copyable AI resources: prompts for tools such as ChatGPT, Claude, Cursor and MidJourney, Claude Code custom agents, and Claude Code skills and plugins. All three share the same search, filter, detail page, and copy interface, driven by a per-collection configuration. AI Hub succeeds the earlier Astro prompt directory, the In-House AI Prompt Directory.
AI Hub project card showing the prompt, agent, and skill library

The Library

30 prompts (27 are fill-in templates)
9 Claude Code custom agents
8 skills and plugins
3 content collections, 47 entries total

Counted from the content files in the repository.

Content as Files, Validated at Build

Each entry is a Markdown or MDX file in an Astro content collection, checked by a Zod schema before the site builds. Adding a file adds a detail page, a directory card, and its filter options. The output is static HTML with small TypeScript scripts, and React is used only for the navbar and the FAQ accordion.
Architecture diagram: content files are validated by Zod collections, built by Astro into a static site, and deployed to GitHub Pages, with a CI test lane

Features

  • Search plus category, AI tool, and tag filters, with a result count, reset, empty state, and a mobile filter toggle.

  • One-click copy from a card or a detail page, with confirmation.

  • Fill-in templates: @name placeholders are parsed from the prompt text, one input is generated per variable, and the prompt updates as you type.

  • Contact and prompt-submission forms posted to Web3Forms.

  • Dark and light theme toggle saved in localStorage, plus sitemap, SEO metadata, and redirects for retired URLs.

See the

template filler

, the

directory filters

, and the

per-collection config

that lets one set of components serve all three collections.

Content Model

The prompts, agents, and skills collections share fields such as title, description, usage instructions, category, tags, version, and a featured flag. Each adds its own: prompts have AI tool filters, agents declare an access level (read-only, runs commands, or can edit), and skills are marked as a skill or a plugin. The schemas live in

src/content/config.ts

.

Static, Tested, Open Source

The site is fully static, with no search backend, database, or user accounts. On each push to main, GitHub Actions runs Playwright end-to-end and axe accessibility tests, then builds with Astro and deploys to GitHub Pages under a custom domain. The repository is MIT licensed, so it can be forked as a personal prompt library.

Review the

deploy workflow

and the

project repository

.

Current Limits

The Git Writing Kit plugin entry is not on a marketplace and must be assembled by hand. Earlier AI Personas and blog sections were removed and now redirect elsewhere.

What This Project Demonstrates

Content modeling with schema-validated collections, reusable UI driven by configuration, small browser scripts instead of heavy client frameworks, and a tested static deployment pipeline. It connects frontend implementation with practical tooling for AI-assisted development.

Hiring for a role involving frontend applications or developer tools?

Get in touch

or see my

professional overview

.

  • ai
  • prompts
  • claude-code
  • astro
  • typescript
  • open-source
Share: