Tech News banner
mariheck mariheck

Tech News

AI community

Description

🚧 Work in progress. Personal project. Tech news feed populated by AI agent. Playground to explore Claude Code capabilities.

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

tech.news

A weekly, AI-curated digest of latest news in frontend development, design engineering, web design, and AI. Each article recaps one or more external sources and can be read in 10 minutes or less. UI copy is in French.

Content

Generation

  • Articles are written by an AI agent (Claude Sonnet 4.6) every Monday morning, based on the previous week's news.
  • Images are generated by AI (gpt-image-2), from a single templated prompt, with article title and category color as variables. Generation is automated via the leonardo.ai API.

Storage

Content lives on disk as markdown — no CMS, no database.

  • Issues sit in content/issues//. Each folder holds an index.md and one .md per article. The article slug is the filename.
  • Images are resolved by convention as /images//.jpg.
  • Static pages live in content/pages/.md.

Stack

  • Next.js 16 (App Router)
  • React 19 with the React Compiler
  • TypeScript 5
  • Tailwind v4
  • react-markdown + remark-gfm for content rendering
  • Vitest 4 + jsdom + @testing-library/react
  • classnames for class composition
  • ESLint 9 + Prettier 3

Getting started

npm install
npm run dev

Open [http://localhost:3000](http://localhost:3000).

Scripts

Command Description
npm run dev Dev server on port 3000
npm run build Production build
npm run start Serve the production build
npm run lint ESLint
npm run format Prettier, writes the whole repo
npm run format:check Prettier, reports without writing
npx next typegen Regenerate the Next.js route types
npx tsc --noEmit Typecheck
npm run test