Skip to content

feat: add AI Convergence blog post and StatBlock component#2

Merged
Codestz merged 2 commits intomasterfrom
feat/blog-ai-convergence
Mar 23, 2026
Merged

feat: add AI Convergence blog post and StatBlock component#2
Codestz merged 2 commits intomasterfrom
feat/blog-ai-convergence

Conversation

@Codestz
Copy link
Copy Markdown
Owner

@Codestz Codestz commented Mar 23, 2026

Summary

  • New blog post: "The AI Convergence: Why Every Coding Tool Lands on the Same Two Defaults" — explores why app builders (V0, Bolt, Lovable) default to React + TypeScript while chat interfaces (Claude, Gemini) default to plain HTML/CSS, covering training data dynamics, type system information density, compiler feedback loops, ecosystem gravity, and the convenience loop
  • New MDX component: StatBlock — horizontal stat row for surfacing key metrics with neo-brutalist styling, auto-adjusting grid layout (2-4 columns)
  • Updated featured flags: Moves featured status from older posts to the new AI Convergence post

Files changed

File Change
src/content/blog/why-ai-defaults-to-typescript.mdx New blog post (~3,500 words)
src/components/mdx/StatBlock/ New StatBlock component (TSX + types + barrel)
src/components/mdx/index.ts Export StatBlock
mdx-components.tsx Register StatBlock for MDX
public/images/blog/ai-convergence.png Blog thumbnail
src/content/blog/sparc-methodology-ai-development.mdx featured: false
src/content/blog/spec-driven-development-tessl.mdx featured: false

MDX components used in post

Terminal, Comparison, Callout, StatBlock, ProcessFlow, TokenComparison, Mermaid, Icon

Test plan

  • Verify build passes (next build)
  • Check /experiments/why-ai-defaults-to-typescript renders correctly
  • Verify all MDX components render (StatBlock, ProcessFlow, Callout, Terminal, Comparison, TokenComparison, Mermaid)
  • Confirm featured post updated on /experiments listing page
  • Check mobile responsiveness of StatBlock grid layout

🤖 Generated with Claude Code

New blog post exploring why AI coding tools converge on two defaults:
React + TypeScript for app builders (V0, Bolt, Lovable) and plain
HTML/CSS for chat interfaces (Claude, Gemini). Covers training data
dynamics, type system information density, compiler feedback loops,
ecosystem gravity, and the convenience loop killing language innovation.

Also adds the StatBlock MDX component for displaying key metrics,
registers it in mdx-components.tsx, and updates featured flags.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel bot commented Mar 23, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
portfolio Ready Ready Preview, Comment Mar 23, 2026 4:30pm

@github-actions
Copy link
Copy Markdown
Contributor

Images automagically compressed by Calibre's image-actions

Compression reduced images by 78%, saving 1.3 MB.

Filename Before After Improvement Visual comparison
public/images/blog/ai-convergence.png 1.7 MB 373.4 KB 78.0% View diff

@Codestz Codestz merged commit 82bc9de into master Mar 23, 2026
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant