Skip to content

CLAUDE.md

Latest commit

 

History

History
70 lines (47 loc) · 2.06 KB

CLAUDE.md

File metadata and controls

70 lines (47 loc) · 2.06 KB

LLMHorrors.com

Astro static site (Tailwind CSS, Svelte components) deployed on Vercel.

Adding a New LLM Horror Story

1. Create the post file

Create src/content/blog/{service}-{summary}.md (e.g. chatgpt-hallucination.md).

Frontmatter schema:

---
title: Short descriptive title       # Max 100 chars
description: Short summary of the horror story...
tags:
  - chatgpt                   # Service name + relevant tags (hallucination, cost, etc.)
  - hallucination
author: Andras Bacsai
authorTwitter: heyandras
date: "2026-02-10T12:34:56.789Z"  # ISO date string
image: /assets/{service}-{summary}.{ext}  # Local image in public/assets/
category: development
isNew: true                  # Shows "New" badge on homepage
---

2. Add the post image

Save the screenshot/image to public/assets/{service}-{summary}.{ext} (png/jpg/webp).

All images must be local — never use external URLs in frontmatter image: fields. The BaseHead.astro component automatically converts relative paths to absolute URLs for og:image and twitter:image meta tags.

3. Write the post body

Follow this pattern:

---

[Original post](https://x.com/user/status/123456)

Conclusion: Brief takeaway.

---

__tldr: One-sentence summary of what happened.__

Optional sections: Fun Fact with <img> (use local paths), extended quotes/context.

4. Update the previous "new" post

Find the previous post with isNew: true and set it to isNew: false.

5. No other config needed

Astro automatically handles routing (/all/{slug}), RSS feed, and homepage listing sorted by date.

Project Structure

  • src/content/blog/*.md — Blog posts (Astro Content Collections)
  • src/content/config.ts — Content schema
  • src/config.ts — Site metadata (name, URL, author, default image)
  • src/components/BaseHead.astro — Meta tags (og:image, twitter:image)
  • src/pages/index.astro — Homepage
  • src/pages/all/[slug].astro — Individual post pages
  • src/layouts/post.astro — Post layout
  • public/assets/ — All local images (post images, blog cover, etc.)