AI Prototype Library

This repository hosts a lightweight gallery that displays HTML prototypes generated by Claude, ChatGPT, etc. Each .html file dropped in the repo root is automatically listed on the GitHub Pages site with metadata (title, last push date/time) sorted by the most recent commit.

How It Works

1. Add prototypes
   Save or copy any standalone HTML file directly into the repository root (next to index.html). Files inside folders are ignored.
2. Push to GitHub
   Commit and push the new prototype. The GitHub Actions workflow runs github_post_build.sh, which generates frames.json containing the metadata for every root-level HTML file.
3. Wait for the green check
   Once the action finishes successfully (look for the ✅ in Actions/PR status), the site is rebuilt.
4. Visit GitHub Pages
   Open the repository’s Pages URL. The “AI Prototype Library” page lists every prototype card, sorted by latest pushed timestamp, with a copy link button and contributor info. Clicking a card opens the full HTML in a new tab.

Tips

• Fetch depth in Actions must be 0 (full history) so file timestamps/contributors reflect the actual last commit for each file.
• Regenerate frames.json locally by running ./github_post_build.sh if you want to preview changes before pushing.
• When adding many files at once, push them together to keep their relative order intact.