Showing all 52 content files (31 docs, 21 posts)
| Title | Slug | Type | Author | Authorship Note | Description | Project ID | Feature | Tags | Date | Updated | Draft | Image | Source URL | Commit Hash | Related Posts |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| NavBar Component | navbar-component | doc | Jay Griffin, Claude Sonnet 4.5 | Collaboratively written with Claude by summarizing work done and analyzing the code | The fixed navigation bar that lives at the top of every page, featuring an animated title, search navigator, and menu system with elegant mobile responsiveness. | - | navbar | components, navigation, animation, mobile | 2/3/2026 | - | - | - | - | - | - |
| ContentHeader Component Test Cases | content-header-test | post | Jay Griffin, Claude Sonnet 4.5 | This is an extremely long authorship note to test tooltip overflow behavior and the auto-flip positioning logic. The content was collaboratively created through an iterative development process involving extensive AI-assisted code generation, edge case identification, and component refinement. This note intentionally contains multiple sentences to test how the tooltip handles very tall content that might overflow the viewport boundaries. | Edge case testing for the ContentHeader component with various metadata configurations. | - | - | dev, testing, components | 2/2/2026 | 2/3/2026 (+9) | - | - | - | - | - |
| Why I Write Everything in My IDE Now | why-i-write-in-my-ide | post | Jay Griffin, Claude Sonnet 4.5 | AI-Assisted - Jay's workflow insights, Claude structured the explanation | AI coding assistants changed how I create content - repo-wide context, multi-file operations, and instant publishing make traditional writing tools obsolete for my workflow | - | - | ai, writing, workflow, dev, productivity, ide, content-creation | 2/2/2026 | - | - | - | - | - | - |
| Cloudflare Tunnel + Vercel Webhook Deploy Notifications | cloudflare-tunnel-deploy-notifications | post | Jay Griffin, Claude Sonnet 4.5 | Written by Claude Sonnet 4.5 after Jay inquired about deployment notifications feature | My master plan to get a satisfying ding sound on my Mac every time a Vercel deployment goes live. Time to stop refresh-spamming and get notified automatically. | - | - | dev, deployment, automation, vercel, cloudflare | 2/2/2026 | - | - | - | - | - | - |
| Building an Interactive Timeline Component | building-timeline-component | post | Claude Sonnet 4.5 | AI-generated based on summary of work done on component | Deep dive into creating a custom SVG-based timeline component with hover interactions, dynamic positioning, and responsive year labels | - | - | dev, react, components, svg, design | 1/31/2026 | - | - | - | - | - | - |
| Debug: Date Analysis | debug-dates | doc | Claude Sonnet 4.5, Jay Griffin | Claude built this debug tool to solve the invalid date bug | Comprehensive debugging tool for inspecting content metadata dates. Created to diagnose and fix the "invalid date" bug on the homepage. | - | - | debug, tools, dates, metadata, troubleshooting | 1/30/2026 | - | - | - | - | - | - |
| Feature Spec: Project Launchpad System | project-launchpad-spec | doc | Jay Griffin, Claude Sonnet 4.5 | 🤖 AI Generated | Frictionless system for showcasing development projects - make adding new projects feel as easy as publishing a blog post | - | - | feature-spec, projects, portfolio, ux, content-system, showcase | 1/30/2026 | - | - | - | - | - | - |
| Feature Spec: Content Thumbnail Metadata System | thumbnail-metadata-spec | doc | Jay Griffin, Claude Sonnet 4.5 | 🤖 AI Generated | Add visual thumbnail support to all content types (posts, projects, pages) for improved visual appeal, social sharing, and user engagement | - | - | feature-spec, images, thumbnails, metadata, social-sharing, open-graph, visual-design | 1/30/2026 | - | - | - | - | - | - |
| The Calculator Moment: AI as a Universal Information Innovation | ai-calculator-moment | post | Jay Griffin, Claude Sonnet 4.5 | 🔧 AI-Assisted - Jay's perspective on AI adoption patterns, Claude articulated the argument | AI isn't categorically different from calculators or any tool innovation—it's just the calculator moment happening to every domain simultaneously at unprecedented speed | - | - | ai, tools, adoption, education, perspective, calculator-moment, amplification | 1/30/2026 | - | - | - | - | - | - |
| Audio as Optional Prop: Adding Human Commentary to AI Content | audio-primitive | doc | Jay Griffin, Claude Sonnet 4.5 | 🔧 AI-Assisted - Jay's design evolution, Claude documented the spec | Feature spec for audio as optional prop on content primitives - attach human commentary to any component | - | - | feature-spec, audio, ai-content, primitives, design-systems, transparency | 1/29/2026 | 2/2/2026 | - | - | - | - | - |
| LLM SEO Implementation Roadmap | llm-seo-roadmap | doc | Jay Griffin, Claude Sonnet 4.5 | 🔧 AI-Assisted - Jay's strategy research, Claude structured the roadmap | A practical guide to optimizing your site for AI-powered search and LLM discoverability - actionable strategies for appearing in ChatGPT, Claude, Perplexity, and other LLM-generated responses | - | - | seo, llm, ai-search, optimization, discoverability, content-strategy, roadmap | 1/29/2026 | - | - | - | - | - | - |
| Semantic Controls for AI Workflows Part 2 | semantic-controls-for-ai-2 | post | Jay Griffin, Claude Sonnet 4.5 | 🔧 AI-Assisted - Conversation synthesis exploring schema-based AI control systems | AI as an intelligence building block | - | - | ai, semantic-compression, schemas, structured-outputs, zod, control-systems, web-development | 1/29/2026 | - | - | - | - | - | - |
| Feature Spec: Dev-Mode WYSIWYG Content Editor | content-editor | doc | Claude Sonnet 4.5 | 🤖 AI-generated | A development-only inline content editor for markdown files that enables quick content updates without manually editing files in an IDE. | - | - | feature-spec, dev-tools, content, editor | 1/27/2026 | - | - | - | - | - | - |
| AI Life Logger - Product Vision | life-logger | doc | Jay Griffin | 🔧 AI-Assisted | A frictionless life logging and time tracking system using natural language AI interface for effortless tracking and behavioral insights | - | - | product-vision, ai, life-logging, time-tracking, productivity, natural-language | 1/27/2026 | - | - | - | - | - | - |
| Structured Outputs: AI as JSON API for Decisionmaking | structured-outputs | post | Jay Griffin, Claude Sonnet 4.5 | 🔧 AI-Assisted - Jay's explanation, Claude wrote it | Separating probabilistic thinking from deterministic execution | - | - | ai, structured-outputs, json-schema, architecture, llm | 1/27/2026 | - | - | - | - | - | - |
| The Approve → Regenerate → Edit Loop | approve-regenerate-edit-loop | post | Jay Griffin, Claude Sonnet 4.5 | 🔧 AI-Assisted - Jay's philosophy, Claude structured it | The fundamental AI-assisted workflow: approve output, regenerate if wrong, edit to polish. Every bit of friction you remove compounds exponentially. | - | - | ai, workflow, productivity, natural-language, development | 1/27/2026 | - | - | - | - | - | - |
| Semantic Controls for AI Workflows | semantic-controls-for-ai | post | Jay Griffin, Claude Sonnet 4.5 | 🔧 AI-Assisted - Conversation synthesis of Jay's ideas that Claude structured and articulated | Exploring how to compress semantic meaning into symbolic syntax for more efficient AI prompting and higher-quality AI-generated outputs | - | - | ai, semantic-compression, dsl, markdown, llm, prompt-engineering, code-generation | 1/27/2026 | - | - | - | - | - | - |
| App Routes Path Strategy | app-routes-path-strategy | doc | Claude Sonnet 4.5 | 🤖 AI-Generated (100%) | Analysis and decision on how to handle path metadata for app routes: derive from file structure vs explicit metadata. | - | - | architecture, routing, metadata, design-decision | 1/26/2026 | - | - | - | - | - | - |
| Debug: App Routes Discovery | debug-app-routes | doc | Claude Sonnet 4.5 | 🤖 AI-Generated (100%) | Testing the getAllAppRoutes() function to see what routes are discovered. | - | - | debug, testing | 1/26/2026 | - | - | - | - | - | - |
| Markdown Table Test | markdown-table-test | doc | Claude Sonnet 4.5 | 🤖 AI-Generated | Testing GFM table syntax rendering with primitive table components. | - | - | markdown, tables, testing | 1/26/2026 | - | - | - | - | - | - |
| Table Component Examples | table-examples | doc | Jay Griffin | 🤖 AI-Generated (100%) | Testing the new primitive table components with various data examples. | - | - | components, primitives, tables, examples | 1/26/2026 | - | - | - | - | - | - |
| Bottom Taskbar with Persistent Search | bottom-taskbar-search | doc | Jay Griffin | - | - | - | todo, ui, navigation, search, ux, taskbar | 1/23/2026 | - | - | - | - | - | - | |
| Todo System Organization & Status Tracking | todo-system-organization | doc | Jay Griffin | - | - | - | todo, meta, organization, workflow, feature-spec | 1/23/2026 | - | - | - | - | - | - | |
| Update Authorship Metadata Across All Posts | todo-update-authorship-metadata | doc | Jay Griffin | - | - | - | todo, metadata, authorship, bulk-edit, transparency | 1/23/2026 | - | - | - | - | - | - | |
| Feature Spec: Private Content System | feature-spec-private-content | doc | Jay Griffin, Claude Sonnet 4.5 | Claude wrote this spec based on Jay's requirements for practical offline productivity. | Comprehensive feature spec for private/offline content creation. Enables sensitive documents, personal todos, and local-only work within the same system used for public content. | - | - | feature-spec, privacy, offline, architecture, productivity | 1/23/2026 | - | - | - | - | - | - |
| TODO: Decide on /docs routing strategy | todo-docs-homepage | doc | Jay Griffin | - | Figure out whether to create dedicated /docs page or surface all docs on homepage via Navigator | - | - | todo, routing, navigation, ux | 1/23/2026 | - | - | - | - | - | - |
| TODO: Add hideHeader metadata field | todo-hide-header-metadata | doc | Jay Griffin | - | Add optional metadata field to hide ContentHeader component for non-standard pages like about-me | - | - | todo, metadata, ui, content-system | 1/23/2026 | - | - | - | - | - | - |
| AI Workflow Transparency: A Framework | ai-workflow-transparency | post | Jay Griffin | - | Why transparency about AI use ultimately respects your audience and yourself | - | - | ai, transparency, workflow, ethics | 1/23/2026 | - | - | - | - | - | - |
| Hierarchical Pages Feature Spec | hierarchical-pages-spec | doc | Claude Sonnet 4.5, Jay Griffin | - | Technical specification for parent-child page relationships with automatic routing and dev-mode creation. | jaygriff | - | feature-spec, routing, content-system | 1/21/2026 | - | - | - | - | - | - |
| CodeBlock Component Showcase | codeblock-showcase | post | Jay Griffin | - | Testing and showcasing all CodeBlock component configurations including bash/shell and markdown support | - | - | dev, components, testing | 1/21/2026 | 2/3/2026 (+1) | - | - | - | - | - |
| CodeBlock Backtick Bug: Template Literals and Prism.js | codeblock-backtick-bug | doc | Claude Opus 4.5 | Documented after debugging this issue with Jay for way too long | Why template literals with backticks break Prism.js syntax highlighting in CodeBlock components, and how to fix it | jaygriff | CodeBlock | debugging, prism, codeblock, styled-components, gotcha | 1/20/2026 | - | - | - | - | - | - |
| Building a Markdown Renderer: Lessons from the Trenches | markdown-renderer-implementation | doc | Claude Sonnet 4.5 | Claude wrote this doc to summarize the markdown support implementation work | How we built a markdown rendering system with react-markdown, and all the edge cases that broke along the way | jaygriff | Markdown Support | markdown, react, debugging, implementation, react-markdown | 1/20/2026 | - | - | - | - | - | - |
| The Safari Margin Collapse Hack | safari-margin-hack | doc | Claude Sonnet 4.5 | - | Why we have a mysterious 1px padding on the body element | jaygriff | - | safari, css, hack, margin-collapse | 1/20/2026 | - | - | - | - | - | - |
| Accounting → Software Development? | accounting-to-dev | post | Jay Griffin, Claude Sonnet 4.5 | Jay provided the story and context, Claude structured and wrote the post, Jay edited and refined | From debits and credits to TypeScript: how an accounting degree became the foundation for a career in software development | - | - | career, accounting, self-taught, journey, excel | 1/20/2026 | - | - | - | - | - | - |
| AI For Code Editing: Why I Won't Code Without It | ai-code-editing | post | Claude Sonnet 4.5 | Jay provided the concept and workflow insights, Claude wrote the post with illustrative coding scenarios | It's not about AI writing my code. It's about having a precision text manipulation interface that makes programming fundamentally more efficient. | - | - | ai, workflow, productivity, tools | 1/20/2026 | - | - | - | - | - | - |
| The Metadata Paradox: Automating What You Don't Need Yet | metadata-paradox | post | Jay Griffin, Claude Sonnet 4.5 | Conversation between Jay and Claude about when to factor, synthesized by Claude | Should every page have metadata? Should I automate adding metadata? Do I even need metadata on non-content pages? The irony of documenting this decision. | jaygriff | - | meta, automation, yagni, factoring, developer-experience | 1/20/2026 | - | - | - | - | - | - |
| Why React Components Rule | why-react-components-rule | post | Jay Griffin | - | Encapsulation means I can write the most cursed code imaginable and it's totally fine | - | - | react, components, web-dev, philosophy | 1/20/2026 | - | - | - | - | - | - |
| Routing Strategy: Multi-Project Architecture | routing-strategy | doc | Claude Sonnet 4.5 | - | How we structure URLs and content for multiple projects under one domain using metadata-based routing. | jaygriff | - | architecture, nextjs, routing, multi-project | 1/19/2026 | - | - | - | - | - | - |
| Server Components Refactor: From API Routes to Direct Loading | server-components-refactor | doc | Claude Sonnet 4.5 | - | How we refactored content loading from client-side API fetches to server-side direct imports, eliminating API routes and improving performance. | jaygriff | - | nextjs, server-components, refactoring, performance | 1/19/2026 | - | - | - | - | - | - |
| How My Site Accidentally Became a Notion Clone | accidental-notion-clone | post | Claude Sonnet 4.5, Jay Griffin | Jay told Claude to make a post, Claude wrote it, lightly edited by Jay | Notion pls no sue | jaygriff | - | design, notion, constraints, markdown | 1/19/2026 | - | - | - | - | - | - |
| Renaming src/posts/ to src/pages/ | renaming-posts-to-pages | doc | Claude Sonnet 4.5 | - | Comprehensive analysis of all code changes required to rename the content directory from src/posts/ to src/pages/ | - | - | - | 1/17/2026 | - | - | - | - | - | - |
| Content System Refactor - Docs/Posts Separation | content-system-refactor | doc:commit | Claude Sonnet 4.5 | - | Complete refactor of content infrastructure: separated docs from posts with type-based routing, added comprehensive metadata system, improved Navigator UX, and created ContentHeader component. | jaygriff | Navigator | refactor, routing, metadata | 1/17/2026 | - | - | - | - | 9cbde96ec935dd5c7e2d6cf07ba8756d90d96d2e | - |
| UI Polish: Multi-Author Support & Inline Code Styling | ui-polish | doc:commit | Claude Sonnet 4.5 | - | Added multi-author support with tooltips for authorship context, refined inline code styling with electric blue accent, and various UI polish updates | jaygriff | - | ui, styling, metadata, tooltip | 1/17/2026 | - | - | - | - | b63a18974c7906ec296394b62c8868ae7caacff3 | - |
| Separating Docs from Posts: Routing Architecture | docs-routing | doc | Claude Sonnet 4.5 | - | How documentation pages are separated from blog posts using type-based routing, allowing docs to live at /docs/ while posts stay at /posts/. | jaygriff | Navigator | routing, nextjs, architecture, dev-docs | 1/17/2026 | - | - | - | - | - | - |
| Building the Navigator: A Route Search Tool | navigator-feature | doc | Claude Sonnet 4.5 | - | A complete walkthrough of the Navigator feature - a popover search tool for quickly finding and navigating to any route in the application. | jaygriff | Navigator | search, routing, architecture, react, nextjs, dev-docs, features | 1/17/2026 | - | - | - | - | - | - |
| Intelligent Component Designer API | llm-component-designer | doc | Jay Griffin | - | Design document for an AI-powered component composition system using LLM intelligence with deterministic, type-safe output | - | - | llm, ai, component-design, harness, architecture | 1/17/2026 | - | - | - | - | - | - |
| Why Markdown Works (And Why Obsidian Misses the Point) | markdown-format-rant | post | Jay Griffin | - | Markdown philosophy: constraints force clarity, syntax serves the parser, not the writer | - | - | markdown, obsidian, writing, constraints, philosophy | 1/17/2026 | - | - | - | - | - | - |
| Why My Blog Posts Are Programs, Not Documents | programs-not-documents | post | Claude Sonnet 4.5, Jay Griffin | AI-synthesized from my rants about markdown | Exploring why my blog posts are written as code instead of simple markdown files, and the tradeoffs that come with this approach. | jaygriff | - | react, tsx, markdown, cms, blogging, typescript, web-development, content-strategy | 1/13/2026 | - | - | - | - | - | md-vs-tsx |
| Dynamic Routes in Next.js | dynamic-routes-nextjs | doc | Claude Sonnet 4.5 | - | A summary of implementing dynamic routes for posts, improving the homepage layout, and ensuring Next.js compatibility. | jaygriff | Dynamic Routes | nextjs, routing, typescript, web-development, dynamic-routes | 1/13/2026 | 1/17/2026 | - | - | - | - | - |
| Content Architecture: TSX-First with markdown Fallback | md-vs-tsx | post | Claude Sonnet 4.5 | - | Why TSX is the first-class citizen and Markdown is just an input format | - | - | architecture, tsx, markdown, content | 1/13/2026 | 1/20/2026 | - | - | - | - | programs-not-documents |
| Why I Choose CSS-in-JS Over Tailwind | tailwind-rant-blog | post | Claude Sonnet 4.5, Jay Griffin | Jay ranted about Tailwind, Claude Sonnet 4.5 summarized and structured it | A personal defense of CSS-in-JS over Tailwind's utility-first approach | - | - | css, tailwind, css-in-js, emotion, styling | 1/13/2026 | - | - | - | - | - | - |
| Why No Tailwind | why-no-tailwind | post | Jay Griffin | - | Anti-Tailwind manifesto: why design tokens and CSS-in-JS beat utility classes | - | - | css, tailwind, emotion, styling, design-tokens | 12/8/2025 | - | - | - | - | - | - |