feat: homepage CRO, tag archive system, SEO fixes, and copy editing

Homepage: restructure CTAs, add RSS feed, make stats clickable, reduce
posts to 3, reorder featured projects, simplify terminal block.

Tags: create 20 tag archive pages + index, convert tag spans to links
across all templates, standardize AI Agent -> AI Agents in 8 posts.

SEO: integrate jekyll-seo-tag (replaces manual meta tags), add OG image,
complete robots.txt, exclude junk from sitemap, add BlogPosting schema
for posts, move ProfilePage schema to homepage only.

Copy: fix Jason -> Calder across all posts, rewrite about page, update
site description.

Author: calderbuild

.claude/settings.local.json

@@ -28,5 +28,8 @@
       "mcp__chrome-devtools__get_console_message"
     ],
     "deny": []
+  },
+  "enabledPlugins": {
+    "secondme-skills@secondme-skills": false
   }
 }

CLAUDE.md

@@ -4,16 +4,19 @@ This file provides guidance to Claude Code (claude.ai/code) when working with co
 
 ## Project Overview
 
-Minimal Jekyll blog with Cyberpunk Brutalism design. Live at https://jasonrobert.me.
+Minimal Jekyll blog with Cyberpunk Brutalism design. Live at https://calderbuild.github.io.
 
 ## Development Commands
 
 ```bash
 bundle install              # Install dependencies
 bundle exec jekyll serve    # Local dev server (localhost:4000)
 bundle exec jekyll build    # Production build to _site/
+JEKYLL_ENV=production bundle exec jekyll build  # Validate production build locally
 ```
 
+Always run `bundle exec jekyll build` before pushing. For layout/content changes, run `serve` and verify `/`, `/blog/`, `/projects/`, `/about/`, `/archive/`, and at least one post page.
+
 ### Custom Slash Commands
 
 - `/deploy` - Commit and push important files to GitHub (excludes docs/tests)
@@ -25,27 +28,43 @@ bundle exec jekyll build    # Production build to _site/
 
 `default.html` is the root layout. Both `post.html` and `page.html` extend it via `layout: default`.
 
-- `default.html` -- site shell: header nav, `<main>{{ content }}</main>`, footer. Includes Google Analytics, Open Graph/Twitter meta, font loading.
+- `default.html` -- site shell: header nav, `<main>{{ content }}</main>`, footer. Includes Google Analytics, Open Graph/Twitter meta, JSON-LD structured data, font loading.
 - `post.html` -- article template with schema.org markup, prev/next navigation. Has its own `<style>` block for post-specific styles.
 - `page.html` -- simple title + content wrapper. Also has a page-specific `<style>` block.
 
+### Pages and Routing
+
+- `index.html` -- homepage: hero section, featured projects (`site.data.projects limit:3`), latest posts (`site.posts limit:6`). No pagination.
+- `blog/index.html` -- paginated blog listing using `paginator.posts`. This file MUST stay at `blog/index.html` (not root) for `paginate_path: "/blog/page:num/"` to work.
+- `projects.html` (`permalink: /projects/`) -- full project listing from `_data/projects.yml`.
+- `about.md` (`permalink: /about/`) -- uses `page` layout.
+- `archive.html` -- non-paginated chronological post list.
+
 ### Data Files
 
-`_data/projects.yml` -- structured project data (name, tagline, description, stars, award, tech, url). Used by both `index.html` (featured projects) and `projects.html` (full listing).
+`_data/projects.yml` -- structured project data (name, tagline, description, stars, award, tech, url, category). Used by both `index.html` (featured projects, limit:3, filtered by `project.url`) and `projects.html` (full listing, shows "Private Project" for null URLs).
 
 ### CSS Architecture
 
-Single stylesheet at `css/style.css` using CSS custom properties (`:root` vars). Individual layouts and pages add page-specific styles via inline `<style>` blocks at the bottom of their HTML files (`index.html`, `blog.html`, `post.html`, `page.html`, `projects.html`).
+Single stylesheet at `css/style.css` using CSS custom properties (`:root` vars). Individual pages add page-specific styles via inline `<style>` blocks at the bottom of their HTML files (`index.html`, `blog/index.html`, `post.html`, `page.html`, `projects.html`).
+
+Key design tokens: colors (`--bg-primary: #0a0a0f`, `--accent-cyan: #00ffff`, `--accent-magenta: #ff00ff`), fonts (`--font-display: Space Mono`, `--font-body: IBM Plex Sans`, `--font-mono: JetBrains Mono`), spacing (`--space-xs` through `--space-3xl`), effects (`--glow-cyan`, `--border-glow`).
 
-Key design tokens are defined as CSS custom properties: colors (`--bg-primary`, `--accent-cyan`), fonts (`--font-display`, `--font-body`, `--font-mono`), spacing (`--space-xs` through `--space-3xl`), effects (`--glow-cyan`, `--border-glow`).
+No JavaScript in the codebase. Mobile nav toggle uses inline `onclick` to flip a CSS class.
 
 ### Pagination
 
-`jekyll-paginate` only works on `blog.html` (the file with `paginate_path` matching). The homepage (`index.html`) uses `site.posts limit:6` directly -- it does not paginate. The homepage also renders featured projects from `site.data.projects limit:3`.
+`jekyll-paginate` only works on `blog/index.html` (the file with `paginate_path` matching). The homepage (`index.html`) uses `site.posts limit:6` directly -- it does not paginate. Post permalinks follow `/blog/:year/:month/:day/:title/` from `_config.yml`.
 
 ### Build Constraints
 
-The `Gemfile` uses the `github-pages` gem, which pins Jekyll and all plugin versions to match GitHub Pages. Do not add gems outside the [GitHub Pages dependency list](https://pages.github.com/versions/). The `future: true` config flag means future-dated posts are published.
+The `Gemfile` uses the `github-pages` gem, which pins Jekyll and all plugin versions to match GitHub Pages. Do not add gems outside the [GitHub Pages dependency list](https://pages.github.com/versions/). The `future: true` config flag means future-dated posts are published. `_config.yml` excludes `CLAUDE.md` from the built site.
+
+## Coding Style
+
+- 2-space indentation in HTML, CSS, and YAML front matter
+- `kebab-case` for page and asset filenames
+- Match existing patterns in `css/style.css`; keep selectors descriptive and grouped by section
 
 ## Content Guidelines
 
@@ -73,6 +92,10 @@ tags:
 ---
 ```
 
+## Commits
+
+Conventional Commit style: `feat:`, `fix:`, `refactor:`, `perf:`, `chore:`, `docs:`. Scopes optional (e.g., `fix(seo): ...`). Keep commits atomic.
+
 ## Deployment
 
 Push to `master` triggers GitHub Actions (`.github/workflows/jekyll.yml`). Ruby 3.1, auto-deploys to GitHub Pages. No manual build step needed.

_config.yml

@@ -2,7 +2,7 @@
 # Minimal Jekyll Configuration
 
 title: "Calder's Lab"
-description: "Agent Developer building AI-driven MVPs, multi-agent systems, and open source tools."
+description: "Calder ships multi-agent systems and AI-driven MVPs from idea to production. 1.6k+ GitHub stars, 4 hackathon wins."
 url: "https://calderbuild.github.io"
 baseurl: ""
 author: "Calder"
@@ -23,17 +23,33 @@ plugins:
   - jekyll-paginate
   - jekyll-seo-tag
   - jekyll-sitemap
+  - jekyll-feed
 
 kramdown:
   input: GFM
   syntax_highlighter_opts:
     block:
       line_numbers: true
 
-# Social
+# Social / jekyll-seo-tag
+twitter:
+  username: CalderBuild
+  card: summary_large_image
+social:
+  name: Calder
+  links:
+    - https://github.com/calderbuild
+    - https://x.com/CalderBuild
 github_username: calderbuild
 twitter_username: CalderBuild
 
+# Default front matter values
+defaults:
+  - scope:
+      path: ""
+    values:
+      image: /img/og-image.png
+
 # Analytics
 ga_track_id: G-DNFKJG8R74
 
@@ -61,6 +77,9 @@ exclude:
   - Gemfile.lock
   - README.md
   - CLAUDE.md
+  - AGENTS.md
+  - calderprofile.md
+  - docs
   - "*.sh"
   - vendor
   - .git

_data/projects.yml

@@ -16,15 +16,6 @@
   url: https://github.com/calderbuild/VibeDoc
   category: ai
 
-- name: "L'Oreal Data Insight"
-  tagline: "B2B Natural Language Database Query"
-  description: "Text-to-SQL agent allowing non-technical staff to query complex business databases using natural language."
-  stars: null
-  award: "Rising Star Prize, L'Oreal Hackathon"
-  tech: [Text-to-SQL, NLP]
-  url: null
-  category: data
-
 - name: WeFinance
   tagline: "Intelligent Financial Analysis Agent"
   description: "Vision LLMs achieving >90% structural extraction accuracy from complex billing images."
@@ -33,3 +24,12 @@
   tech: [Vision LLMs, Image Extraction]
   url: https://github.com/calderbuild/WeFinance
   category: ai
+
+- name: "L'Oreal Data Insight"
+  tagline: "B2B Natural Language Database Query"
+  description: "Text-to-SQL agent allowing non-technical staff to query complex business databases using natural language."
+  stars: null
+  award: "Rising Star Prize, L'Oreal Hackathon"
+  tech: [Text-to-SQL, NLP]
+  url: null
+  category: data

_layouts/default.html

@@ -3,22 +3,9 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>{% if page.title %}{{ page.title }} | {% endif %}{{ site.title }}</title>
-  <meta name="description" content="{{ page.description | default: site.description }}">
-  <meta name="keywords" content="{{ site.keywords }}">
-  <meta name="author" content="{{ site.author }}">
 
-  <!-- Open Graph -->
-  <meta property="og:title" content="{{ page.title | default: site.title }}">
-  <meta property="og:description" content="{{ page.description | default: site.description }}">
-  <meta property="og:type" content="{% if page.layout == 'post' %}article{% else %}website{% endif %}">
-  <meta property="og:url" content="{{ page.url | absolute_url }}">
-  <meta property="og:image" content="{{ site.url }}/img/og-image.png">
-
-  <!-- Twitter Card -->
-  <meta name="twitter:card" content="summary_large_image">
-  <meta name="twitter:title" content="{{ page.title | default: site.title }}">
-  <meta name="twitter:description" content="{{ page.description | default: site.description }}">
+  <!-- SEO: title, description, OG, Twitter Card, JSON-LD -->
+  {% seo %}
 
   <!-- Fonts - Brutalist Raw + Developer Mono -->
   <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -31,8 +18,8 @@
   <!-- Favicon -->
   <link rel="icon" type="image/x-icon" href="{{ '/img/favicon.ico' | relative_url }}">
 
-  <!-- Canonical -->
-  <link rel="canonical" href="{{ page.url | absolute_url }}">
+  <!-- RSS Feed -->
+  {% feed_meta %}
 
   {% if site.ga_track_id %}
   <!-- Google Analytics -->
@@ -44,26 +31,6 @@
     gtag('config', '{{ site.ga_track_id }}');
   </script>
   {% endif %}
-
-  <!-- JSON-LD Structured Data -->
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "ProfilePage",
-    "mainEntity": {
-      "@type": "Person",
-      "name": "Calder",
-      "alternateName": "Lin Luo",
-      "url": "{{ site.url }}",
-      "sameAs": [
-        "https://github.com/calderbuild",
-        "https://x.com/CalderBuild"
-      ],
-      "jobTitle": "Agent Developer",
-      "knowsAbout": ["Multi-Agent Systems", "AI Agents", "Prompt Engineering", "RAG"]
-    }
-  }
-  </script>
 </head>
 <body>
   <!-- Header -->
@@ -100,6 +67,7 @@
           {% for link in site.links %}
           <li><a href="{{ link.url }}" target="_blank" rel="noopener">{{ link.title }}</a></li>
           {% endfor %}
+          <li><a href="{{ '/feed.xml' | relative_url }}">RSS</a></li>
         </ul>
         <p class="footer-copy">&copy; {{ 'now' | date: '%Y' }} {{ site.title }}. All rights reserved.</p>
       </div>

_layouts/post.html

@@ -22,7 +22,7 @@ <h1 class="post-title" itemprop="headline">{{ page.title }}</h1>
     {% if page.tags.size > 0 %}
     <div class="post-tags">
       {% for tag in page.tags %}
-      <span class="tag">{{ tag }}</span>
+      <a href="/tags/{{ tag | slugify }}/" class="tag">{{ tag }}</a>
       {% endfor %}
     </div>
     {% endif %}

_layouts/tag.html

@@ -0,0 +1,72 @@
+---
+layout: default
+---
+
+<section class="tag-archive">
+  <header class="tag-header container">
+    <div class="tag-label">Tag</div>
+    <h1 class="page-title">{{ page.tag }}</h1>
+    <p class="tag-count">
+      {% assign count = 0 %}
+      {% for post in site.posts %}
+        {% if post.tags contains page.tag %}
+          {% assign count = count | plus: 1 %}
+        {% endif %}
+      {% endfor %}
+      {{ count }} post{% if count != 1 %}s{% endif %}
+    </p>
+    <a href="/tags/" class="btn">All Tags</a>
+  </header>
+
+  <div class="container">
+    <div class="post-grid">
+      {% for post in site.posts %}
+        {% if post.tags contains page.tag %}
+        <article class="post-card">
+          <div class="post-meta">{{ post.date | date: "%b %d, %Y" }}</div>
+          <h3 class="post-title">
+            <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
+          </h3>
+          {% if post.subtitle %}
+          <p class="post-excerpt">{{ post.subtitle | truncate: 120 }}</p>
+          {% elsif post.description %}
+          <p class="post-excerpt">{{ post.description | truncate: 120 }}</p>
+          {% endif %}
+          {% if post.tags.size > 0 %}
+          <div class="post-tags">
+            {% for tag in post.tags limit:3 %}
+            <a href="/tags/{{ tag | slugify }}/" class="tag">{{ tag }}</a>
+            {% endfor %}
+          </div>
+          {% endif %}
+        </article>
+        {% endif %}
+      {% endfor %}
+    </div>
+  </div>
+</section>
+
+<style>
+  .tag-header {
+    padding: calc(80px + var(--space-3xl)) 0 var(--space-2xl);
+    text-align: center;
+    border-bottom: 1px solid rgba(0, 255, 255, 0.1);
+    margin-bottom: var(--space-2xl);
+  }
+
+  .tag-label {
+    font-family: var(--font-mono);
+    font-size: 0.75rem;
+    text-transform: uppercase;
+    letter-spacing: 0.1em;
+    color: var(--accent-cyan);
+    margin-bottom: var(--space-sm);
+  }
+
+  .tag-count {
+    font-family: var(--font-mono);
+    font-size: 0.875rem;
+    color: var(--text-muted);
+    margin-bottom: var(--space-lg);
+  }
+</style>

_posts/2025-01-13-ai-agent-intelligent-revolution.markdown

@@ -8,15 +8,15 @@ updated: 2025-12-23 16:00:00
 author: "Calder"
 header-img: "img/post-bg-digital-partner.jpg"
 tags:
-    - AI Agent
+    - AI Agents
     - Autonomous Systems
     - Human-Computer Interaction
     - Digital Assistants
     - Technology Evolution
 seo:
   keywords: "AI Agent revolution, autonomous agents, task execution, human-computer interaction, AI limitations, enterprise AI deployment"
   author: "Calder"
-  publisher: "Jason's Tech Blog"
+  publisher: "Calder's Lab"
 ---
 
 <div class="lang-en" markdown="1">

_posts/2025-01-14-ai-agent-reality-check.markdown

@@ -7,7 +7,7 @@ date: 2025-01-14 14:30:00
 author: "Calder"
 header-img: "img/post-bg-reality-check.jpg"
 tags:
-    - AI Agent
+    - AI Agents
     - Production Experience
     - Real Metrics
     - Technical Reality
@@ -18,7 +18,7 @@ tags:
 seo:
   keywords: "AI Agent reality check, production AI deployment, real AI Agent metrics, framework comparison actual usage, AI Agent failures costs, autonomous system implementation, LLM agent performance, real AI ROI analysis"
   author: "Calder"
-  publisher: "Jason's Tech Blog"
+  publisher: "Calder's Lab"
 tldr:
   - "10.6%4-8%15-25%23++"
   - "TOP535%API26%22%13%4%"

_posts/2025-01-15-ai-agent-deep-analysis.markdown

@@ -7,7 +7,7 @@ date: 2025-01-15 14:30:00
 author: "Calder"
 header-img: "img/post-bg-ai-analysis.jpg"
 tags:
-    - AI Agent
+    - AI Agents
     - Production Architecture
     - System Design
     - Performance Optimization
@@ -18,7 +18,7 @@ tags:
 seo:
   keywords: "AI Agent architecture real implementation, production agent system design, multi-agent coordination patterns, AI performance optimization lessons, LangChain production experience, agent framework comparison, autonomous system architecture, real AI infrastructure costs"
   author: "Calder"
-  publisher: "Jason's Tech Blog"
+  publisher: "Calder's Lab"
 tldr:
   - "Agent20%+3+++"
   - "73%6.8s→4.2s-38%"