Skip to content

flexappdev/aicontext2026

Repository files navigation

AI Context 2026

The best AI guide for 2026 — a living reference covering every model, tool, workflow, and regulation shaping the AI landscape.

Last updated: 2026-04-12


What Is AI Context 2026?

AI Context 2026 is a three-part system for staying current with the fast-moving AI world:

Pillar What it is How to use it
Agent /aicontext Claude Code skill Run /aicontext or /aic in any CC session to research, update, and maintain this site
App React SPA at /ai/ Dark-mode reference site — sidebar nav, search, keyboard shortcuts, 30+ sections
Cheat Guide Markdown + PDF export Every section is a printable .md file; use the printer button for PDF

Why This Exists

The AI landscape changes weekly. New models drop, pricing shifts, regulations pass, and the tools that were best-in-class last quarter are superseded. This site is designed to be updated — not published once and left to rot.

Sources used to build and maintain this guide:


The Three Pillars

1. Agent — /aicontext

The /aicontext (alias /aic) Claude Code skill is the intelligence layer for this project.

/aic                    # parse intent or ask what to do
/aic status             # check what's current vs stale
/aic update [topic]     # research + update a section
/aic add [section]      # add a brand new section
/aic research [topic]   # deep research, no site edits
/aic backlog            # review and prioritize work
/aic cc                 # regenerate CC: Current Best from live codebase state
/aic cheat              # full CC + AI ecosystem cheat sheet
/aic app                # launch the dev server + VAD dashboard

The agent follows the 5-Place Update Rule: every content change stays in sync across README, docs/, public/, src/content.ts, and QA notes.

2. App — React SPA

A single-page reference app built with React 18 + TypeScript + Vite + Tailwind.

Live at: http://localhost:8080/ai/ (dev) or /ai/ (prod)

Features:

  • Two-panel layout — collapsible sidebar + main content area
  • Dark/light mode toggle, persisted in localStorage
  • Full-text search across all 30+ sections
  • Keyboard nav: j/k or arrow keys between sections
  • URL hash sync — #section-id bookmarkable
  • Print/PDF export — printer button + @media print CSS
  • Recently visited sections (localStorage)
  • Mobile bottom drawer nav

To launch:

cd ~/APPS/aicontext2026
npm run dev      # http://localhost:8080/ai/
npm run build    # outputs to dist/

3. Cheat Guide — Markdown + PDF

Every section in the app is a standalone .md file in public/. Topics include:

Group Sections
AI Reference Top 100 AI · AI History · AI Models · AI People · AI Future
Apps & Models AI Apps · Models
Claude Code Claude Code · CLAUDE.md · Subagents · Hooks · Memory · CC Pro Tips · CC: Current Best
Tools Awesome Claude · Open Claw · Skills · MCPs · MCP: Playwright · MCP: Firecrawl
Workflows & Infra NotebookLM · Ollama · Tailscale · Workflows · Infrastructure · 2026 ABC Goal
Sociology Intro · Society · Socialization · Social Groups · Culture & Identity

Total sections: 31 (+ AI Courses app at /courses/)

To export any section as PDF: open in the app → click the printer icon.


AI Courses App

A companion Next.js app at courses/ for browsing curated AI courses from leading providers.

Features: Course cards with provider/level/duration · Category & level filters · Free/paid filter · Search · Course detail modal

cd ~/APPS/aicontext2026/courses
npm install
npm run dev      # http://localhost:3000

Categories: Fundamentals · Models & Architecture · Claude Code · Prompt Engineering · AI Agents · MLOps · Ethics & Safety · Regulation


Tech Stack

Layer Tech
Framework React 18 + TypeScript
Build Vite (SWC)
Styling Tailwind CSS
Markdown react-markdown + remark-gfm
Icons lucide-react
Courses app Next.js 15 + React 19 + Tailwind
src/
  App.tsx              # Two-panel layout, nav, keyboard/mobile/search logic
  content.ts           # Section registry — id, title, mdPath, groups
  components/
    MarkdownPanel.tsx  # Fetches and renders a public/*.md file
    Footer.tsx
  hooks/
    useSearchIndex.ts  # Full-text search index across all markdown

public/                # Markdown content files (31 sections)
courses/               # AI Courses companion Next.js app
.claude/skills/        # Claude Code skills (32 installed)
docs/                  # Project documentation

Docs

Doc Description
docs/BACKLOG.md Feature backlog — all items, DO / WIP / DONE
docs/ai-guide-2026.md Comprehensive AI guide for 2026 — models, tools, regulation
docs/skills.md All 32 Claude Code skills with descriptions
docs/playwright-mcp.md Playwright MCP setup + usage guide
docs/firecrawl-mcp.md Firecrawl MCP setup + usage guide

CI/CD + Prod

  • CI: GitHub Actions runs lint + build on every push (.github/workflows/ci.yml)
  • Base path: /ai/ — configured in vite.config.ts
  • Host: Images-pipeline server (reverse proxy to dist/)
  • Deployment: npm run build → copy dist/ to server → served at /ai/
  • SEO: OG + Twitter meta tags in index.html

The ABC Goal

AI Context 2026 is the C (Context) pillar of Mat Siems' 2026 ABC Goal:

Pillar What Why
A — Apps 13 live sites (mstravel, mslists, mscore) Revenue: $100/day
B — Backoffice bo28 asset pipeline Automate content at scale
C — Context This site + agent + courses app Stay sharp as AI evolves

The agent, app, and guides here keep the whole ABC system informed about what AI tools are best for the job right now.

About

AI context2026: Apps (Claude, ChatGPT, Antigravity, AI Studio), Models (GPT 5.2, Opus 4.5), Infrastructure (AWS, GCP, Azure, Grok, Meta), Chips (Nvidia),

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors