Paste one prompt. Generate a slide. Ship it to the world.
An open gallery for everyone — kids, grandparents, teachers, developers —
to share what they created, learned, or solved with Claude AI.
No gatekeeping. Just curiosity.
Four steps. Or paste one prompt and let Claude handle the rest — no coding knowledge required.
Click Fork on GitHub. You get your own copy of the project instantly.
Add author/your-name/index.html — one self-contained HTML file.
Design it however you like. Tell your story. Show what Claude helped you build.
Submit a pull request. Automated checks run, then a maintainer reviews and merges.
Option 1 — claude.ai
Hi Claude! I want to submit my project to ClaudeSlides — an open gallery at claudeslides.com where people share what they built with Claude.
Please create a single self-contained index.html file for my submission. Here's what I want to share:
[DESCRIBE YOUR PROJECT — what you built, learned, or solved with Claude's help]
The file must follow these rules:
- All CSS and JS inline (no external files, CDN links are fine)
- Include these meta tags in <head>:
<meta name="author" content="[YOUR NAME]">
<meta name="description" content="[ONE SENTENCE ABOUT YOUR PROJECT]">
- Design it however you like — it's your canvas
- It should tell my story in a visually appealing way
After generating the file, remind me to:
1. Fork https://github.com/flightlesstux/claudeslides
2. Create folder: author/[my-slug]/[project-slug]/
3. Save the file as index.html inside that folder
4. Open a pull request
Thanks!
Option 2 — Claude Code (terminal one-liner)
$claude "I want to submit my project to claudeslides.com. Please: (1) fetch https://raw.githubusercontent.com/flightlesstux/claudeslides/main/CONTRIBUTING.md and read the contribution rules, (2) ask me to describe what I built or learned with Claude, (3) create the file at author/{my-slug}/{my-project-slug}/index.html with all CSS/JS inline and the required meta tags filled in, (4) fork https://github.com/flightlesstux/claudeslides using gh CLI, clone it locally, commit my file on a new branch, and open a pull request."
Option 3 — Techie prompt (full session audit)
Create a self-contained index.html slide for my claudeslides.com submission about: [DESCRIBE YOUR PROJECT — what you built or learned with Claude] Rules: - All CSS/JS inline (CDN links OK); no og:image (CI generates and injects it) - <meta name="author" content="[your-slug]"> The page MUST include a visible "Usage Details" section rendered as a polished HTML table (style it to match your design) with exactly these rows: | Detail | Value | |--------------------|-----------------------------------------| | Model | [model name used this session] | | Tokens used | [total input + output tokens] | | Session duration | [estimated time, e.g. ~12 min] | | Tech stack | [languages, frameworks, tools used] | | What was achieved | [1–2 sentence summary] | | Estimated cost | $[USD for this session, from API pricing]| Pull the model name, token counts, and cost from this conversation's metadata. Estimate duration from the conversation flow. Make the table look intentional — not an afterthought. After generating, remind me to: 1. Fork https://github.com/flightlesstux/claudeslides 2. Save as author/[slug]/[project-slug]/index.html 3. Open a pull request
Option 3b — Lazy mode (zero effort)
$claude "Look at everything we did in this conversation. Figure out what I built, generate a self-contained index.html slide for claudeslides.com, and include a Usage Details table with model name, total tokens used, session duration, tech stack, what was achieved, and estimated USD cost — all pulled from this session. Use <meta name="author" content="[your-slug]">, inline all CSS/JS, skip og:image (CI handles it). Then create the file at author/[slug]/[project-slug]/index.html, fork https://github.com/flightlesstux/claudeslides using gh CLI, commit it on a new branch, and open a pull request. Do it all. No questions."
✦ No og:image needed — CI auto-generates a branded cover image for your gallery card. SEO tags are also auto-injected. Just focus on your story.
No GitHub experience? No problem. Copy this prompt into claude.ai — it will generate your page and walk you through every click, button by button, entirely in your browser. No terminal, no downloads, nothing to install.
Hi Claude! I want to add my project to ClaudeSlides (claudeslides.com) but I have no technical experience — I've never used GitHub, I don't know what forking means, and I can't use a terminal. Please help me do everything using only my web browser. Here's what I built with Claude: [DESCRIBE YOUR PROJECT — what you built, learned, or solved with Claude's help] Please do this in two parts: PART 1 — Generate my page: Create a single self-contained index.html file that tells my story beautifully. - All CSS and JS must be inline - Include: <meta name="author" content="[MY NAME]"> and <meta name="description" content="[ONE SENTENCE]"> - Make it visually appealing — it's my canvas PART 2 — Walk me through submitting it (browser only, step by step): 1. How to create a free GitHub account if I don't have one 2. How to go to https://github.com/flightlesstux/claudeslides and click Fork 3. How to navigate to the author/ folder in my fork 4. How to create a new file at author/[my-name]/index.html using GitHub's web editor 5. How to paste my generated HTML and save it 6. How to open a Pull Request back to the original repo Please be very specific — tell me exactly what to click, what to type, and what each step looks like. Assume I've never done this before.
We believe the future of coding belongs to everyone. Kids will debug their homework. Grandparents will organize their recipes. Teachers will build lesson plans. Housewives will start businesses. This gallery is proof that it's already happening.
claudeslides is a living archive of human creativity, amplified by AI. Every contribution — no matter how small — shows someone else what's possible.
→ Created by Ercan Ermis