Claude Code Course
CLAUDE.md Starter For A Small Demo Project
An exclusive resource for students of Arun's Claude Code Course.
The reason the demo produced plain HTML, CSS and JavaScript instead of a React app is that a file called CLAUDE.md was already sitting in the folder, telling Claude what to prefer.
Save this as CLAUDE.md in the root of a new project folder. Claude Code reads it before it plans anything, which is how it makes decisions that fit your project instead of guessing.
This is the small version, the one that fits a demo or a first project. Project instruction files get a whole part of the course to themselves later on.
# Project preferences ## Stack - For small demos, prefer plain HTML, CSS and vanilla JavaScript. - No frameworks like React or Vue unless I ask for one. - No build step. What we write is what the browser receives. ## Structure - Keep a clean folder structure: separate folders for styles, scripts and images. - Name the entry file index.html. ## Code style - Semantic HTML. Use header, nav and article rather than divs everywhere. - Mobile-first CSS. Get the phone screen right, then scale up. - Write code I can read. Favour the obvious version over the clever one. ## Before you start - Read the existing files before planning any change. - Tell me the plan in plain words before you write anything. ## When you finish - Tell me which files you changed and what each change does.
Change every line of it. The point is not these preferences. The point is that Claude reads yours first.
Keep building
More from Aruntastic
Practical courses for people who want to build useful things with AI.
AI SEO Course 2026: From Zero to Page-One Results
Research search demand, structure useful pages, and work through technical and off-page SEO.
Open the course →
AEO, GEO, AI SEO: Get Cited by ChatGPT, Google, Perplexity
Study how AI search finds information, and make your pages clear enough to be cited.
Open the course →
Microsoft PowerPoint Presentation 2026 for Professionals
Learn visual hierarchy, slide composition, typography and animation through practical work.
Open the course →
AI Leadership: Gen AI for Leaders, A Practical Toolkit
A short course on using generative AI as a co-pilot, written for senior leaders.
Open the course →
Agentic AI Explained: How AI Agents Actually Work
Coming soon. Follow real agent work, then learn how models, tools, memory and checks fit together.
Join the waitlist →Toolkits and programme
Go deeper
Toolkit
SEO Accelerator Toolkit
150+ copy-paste AI prompts for audience research, keywords, content, technical SEO and link building.
Toolkit
GEO Accelerator Toolkit
100 detailed AI prompts for GEO audits, entity building, content structure and client reporting.
Programme
GEO Authority Accelerator
A complete GEO programme on our learner platform: nine modules and a 30, 60, 90 day roadmap. The GEO Accelerator Toolkit is included.
Claude certification practice
Preparing for a Claude certification?
Practice exams written by Arun: 600 questions across 4 mock exams and 2 drill banks. Unofficial preparation, not affiliated with Anthropic.
See Where You Stand
This resource is one piece of a much bigger system.
Take the free Claude Code Readiness Quiz. It is 15 short situations, scored out of 100, and it tests how you handle a job rather than what you know about a tool, so you can take it without ever having opened Claude Code.
Take the Claude Code Readiness Quiz 15 situations · Scored out of 100 · Free
CCAR-F
CCAO-F
CCDV-F
CCAR-P