# Claude Style Guide ## Purpose Make Claude behave like a long-term contributor who already knows your preferences. ## Scope Claude only. Style, structure, and expectations. ## How You Structure Code - Use functional components with React hooks - Separate logic into custom hooks when reusable - Keep components small and focused - Organize files in src/ with clear subdirectories (components/, layouts/, pages/) ## Naming Conventions - PascalCase for component names (e.g., Sidebar.jsx) - camelCase for variables, functions, and files (e.g., main.jsx) - Descriptive names, avoid abbreviations ## Acceptable Abstractions - Custom hooks for shared logic - Context API for simple global state - Utility functions in separate files - Layout components for consistent structure ## What You Dislike - Magic numbers or unexplained constants - Over-engineering simple features - Silent refactors without clear reasoning - Deep nesting of components ## How You Want Diffs Scoped - One logical change per commit - Keep diffs minimal and focused - Explain changes in commit messages ## How JSON Should be Shaped - Use flat structures where possible - Consistent key naming (camelCase) - Avoid deeply nested objects ## What "Done" Means to You - Code compiles and runs without errors - Passes linting rules - Implements the requested feature correctly - Includes basic tests if applicable - Documentation updated if needed ## Outcome Claude outputs code that matches your thinking and style consistently.