{"slug": "rockpack-8-0-a-react-scaffolder-built-for-the-age-of-ai-assisted-development", "title": "Rockpack 8.0 - A React Scaffolder Built for the Age of AI-Assisted Development", "summary": "The article explains that AI coding assistants like Claude Code and Cursor often produce inconsistent or problematic code because they infer conventions from the project setup, not from user prompts. To solve this, the author introduces Rockpack 8.0, a React project scaffolder designed to be \"AI-friendly\" by pre-configuring strict lint rules, testing infrastructure, and consistent folder structures that guide AI agents to produce higher-quality, more predictable code. The tool aims to reduce token waste and unnecessary refactoring by providing a well-defined environment that AI agents can reliably follow.", "body_md": "Every developer using Claude Code or Cursor has hit the same wall at some point.\n\nYou spin up a new project, start vibing with the AI, and for the first hour everything feels like magic. Then slowly things start going sideways. The agent reformats a file it had no business touching. It runs the entire test suite to check a two-line change. It invents a new folder structure that contradicts the one you established three days ago. It adds an abstraction layer you didn't ask for and now have to maintain.\n\nNone of this is the AI's fault. It's working with what you gave it.\n\n## The uncomfortable truth about AI coding tools\n\nAI agents don't have opinions. They infer conventions from context. If your project has strict ESLint rules, the agent follows them. If your project has no rules, the agent makes them up - differently every session.\n\nThis means the single biggest lever you have over AI code quality isn't your prompt. It's your project setup.\n\nI spent months figuring this out the hard way, and the pattern became clear:\n\nLint rules act as a spec. When ESLint is configured with sonarjs, unicorn, and perfectionist, the agent produces code that passes those rules - or the pipeline rejects it and the agent fixes itself. Either way, low-quality code doesn't accumulate.\n\nTests change agent behavior. A project with Jest already configured gets test coverage by default. The agent writes tests because the infrastructure is there. Without it, tests are always \"coming later\" -and later never comes.\n\nArchitecture is contagious. Consistent folder structure and naming conventions propagate. The agent sees the pattern and follows it. An inconsistent codebase produces inconsistent AI output.\n\nToken waste is a setup problem. By default, Claude Code reads everything it can find, runs the broadest possible test suite, and touches adjacent code \"just to be safe.\" This is expensive and produces\n\nnoisy diffs. A well-written CLAUDE.md fixes most of it.\n\n## What CLAUDE.md actually changes\n\nCLAUDE.md is a file Claude Code reads at the start of every session. It's essentially a standing instruction set for the agent - and it has a measurable effect on how the agent operates.\n\nHere's what made the biggest difference in practice:\n\n### Cost Saving Rules\n\n- Run only affected tests when possible\n- If only one test file was modified, run only that file\n- Read only files relevant to the current task\n- Avoid scanning the entire repository unless necessary\n\n### Code Rules\n\n- Don't add features or abstractions beyond what the task requires\n- Prefer minimal diffs\n- Avoid reformatting unrelated code\n- Preserve existing architecture and conventions\n\nAfter adding these rules, the diffs got smaller, token usage dropped, and reviews became faster. The agent stopped \"helpfully\" refactoring things that were working fine.\n\n## Rockpack 8.0\n\nI've been maintaining [Rockpack](https://github.com/AlexSergey/rockpack) for several years - a CLI scaffolder for React projects. Version 8.0 is the first release built with AI-assisted development as a\n\nfirst-class concern.\n\nOne command:\n\n```\n  npm i -g @rockpack/starter\n  rockpack my-app\n```\n\nWhat you get:\n\n- React 19 + TypeScript 6 with strict configuration\n- Webpack 5 - CSR, SSR, library builds, bundle analysis out of the box\n- ESLint 10 flat config - sonarjs, unicorn, perfectionist, no-only-tests, import-lite, Prettier integrated\n- Pre-commit hooks - lint runs before every commit, bad code physically cannot get in\n- Jest pre-configured with TypeScript support\n- Feature-based project structure - consistent from the first file\n- Optimized CLAUDE.md - included in every generated project\n\nSupported project types: React SPA, React SPA + SSR, React Component (npm-ready), UMD Library.\n\n## Why this matters now\n\nA year ago, \"AI-friendly project setup\" wasn't a thing people thought about. Today it's the difference between an AI that saves you hours and one that creates extra work.\n\nThe tools are good. The gap is the environment they work in.\n\nRockpack closes that gap in a few minutes instead of a few days.\n\n[https://github.com/AlexSergey/rockpack](https://github.com/AlexSergey/rockpack) - MIT license.\n\nIf you're actively using Claude Code or Cursor, I'd be genuinely curious what's in your CLAUDE.md. There's no established best practice yet and the community is still figuring this out.", "url": "https://wpnews.pro/news/rockpack-8-0-a-react-scaffolder-built-for-the-age-of-ai-assisted-development", "canonical_source": "https://dev.to/alexsergey/rockpack-80-a-react-scaffolder-built-for-the-age-of-ai-assisted-development-4bnl", "published_at": "2026-05-22 12:44:29+00:00", "updated_at": "2026-05-22 13:05:55.773800+00:00", "lang": "en", "topics": ["developer-tools", "artificial-intelligence", "open-source"], "entities": ["Claude Code", "Cursor", "ESLint", "Jest", "Rockpack"], "alternates": {"html": "https://wpnews.pro/news/rockpack-8-0-a-react-scaffolder-built-for-the-age-of-ai-assisted-development", "markdown": "https://wpnews.pro/news/rockpack-8-0-a-react-scaffolder-built-for-the-age-of-ai-assisted-development.md", "text": "https://wpnews.pro/news/rockpack-8-0-a-react-scaffolder-built-for-the-age-of-ai-assisted-development.txt", "jsonld": "https://wpnews.pro/news/rockpack-8-0-a-react-scaffolder-built-for-the-age-of-ai-assisted-development.jsonld"}}