Tech News
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 anindex.mdand one.mdper 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 |
Related Skills
Agency Agents
A complete AI agency at your fingertips - From frontend wizards to Reddit community ninjas, from whimsy inject
AI Awesome Llm Apps
100+ AI Agents, Agent Skills and RAG Apps - Free and Open Source.
AI Firecrawl
🔥 The API to search, scrape, and interact with the web for AI
AI Artifacts Builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech
AI Headroom
Compress tool outputs, logs, files, and RAG chunks before they reach the LLM. 20% fewer tokens for coding agen
AI CrewAI
Framework for orchestrating role-playing, autonomous AI agents. By fostering collaborative intelligence, CrewA
AI