Skip to content

CLAUDE.md

Latest commit

 

History

History
40 lines (29 loc) · 1.55 KB

CLAUDE.md

File metadata and controls

40 lines (29 loc) · 1.55 KB

CLAUDE.md

This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.

Development Commands

  • Development server: pnpm dev (or npm run dev)
  • Build: pnpm build (or npm run build)
  • Preview build: pnpm preview (or npm run preview)
  • Type checking: pnpm check (or npm run check)
  • Type checking (watch): pnpm check:watch (or npm run check:watch)
  • Linting: pnpm lint (or npm run lint) - runs both Prettier and ESLint
  • Formatting: pnpm format (or npm run format) - formats with Prettier

Note: This project uses pnpm as the package manager (see pnpm-lock.yaml).

Project Architecture

This is a SvelteKit application using:

  • Svelte 5 with TypeScript
  • TailwindCSS 4.0 for styling with custom design tokens
  • shadcn-svelte component library (configured in components.json)
  • MDSvex for Markdown support (.svx files)
  • ESLint 9 with flat config

Key Structure

  • src/routes/ - SvelteKit file-based routing
  • src/lib/components/ui/ - shadcn-svelte UI components
  • src/lib/utils.ts - Utility functions including cn() for class merging
  • src/app.css - Global styles with TailwindCSS theme tokens (light/dark mode support)
  • components.json - shadcn-svelte configuration with path aliases

Styling System

  • Uses TailwindCSS v4 with custom CSS properties for theming
  • Dark mode support with CSS variables
  • Design tokens defined in src/app.css using OKLCH color space
  • Component styling follows shadcn-svelte patterns with tailwind-variants