CLAUDE.md

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

REGLA FUNDAMENTAL

SIEMPRE HABLAR Y RESPONDER EN ESPAÑOL.

Todas las interacciones, explicaciones, mensajes de commit, documentación y comunicación con el usuario DEBEN estar en español.

Project Overview

This is an Astro project named "astro-mantencionnaval" configured with Tailwind CSS v4. The project uses Bun as its package manager and runtime.

Development Commands

All commands use Bun as the package manager:

Install dependencies:
```
bun install
```
Start dev server:
```
bun dev
```
(runs at
```
localhost:4321
```
)
Build for production:
```
bun build
```
(outputs to
```
./dist/
```
)
Preview production build:
```
bun preview
```

Run Astro CLI commands:

bun astro ...

(e.g.,

bun astro add

bun astro check

)

Architecture & Stack

Core Technologies

Astro 5.x: Static site generator with island architecture
Tailwind CSS 4.x: Configured via Vite plugin (
```
@tailwindcss/vite
```
)
TypeScript: Using Astro's strict tsconfig preset
Bun: Package manager and runtime

Configuration Files

```
astro.config.mjs
```
: Astro configuration with Tailwind Vite plugin integration
```
tsconfig.json
```
: Extends
```
astro/tsconfigs/strict
```

src/styles/global.css

: Tailwind CSS import point using

@import "tailwindcss"

Project Structure

src/
├── assets/          # SVG and static assets
├── layouts/         # Layout components (Layout.astro)
├── pages/           # File-based routing (index.astro)
└── styles/          # Global styles (global.css)

Styling Setup

This project uses Tailwind CSS v4 which has a different configuration approach than v3:

No
```
tailwind.config.js
```
file (v4 uses CSS-based configuration)

Tailwind is imported via

@import "tailwindcss"

src/styles/global.css

Configured as a Vite plugin in
```
astro.config.mjs
```
rather than PostCSS plugin

Astro Patterns

Layouts: Use
```
Layout.astro
```
as the base layout with
```
<slot />
```
for content injection
Pages: Located in
```
src/pages/
```
with automatic file-based routing
Frontmatter: Astro components use
```
---
```
delimiters for frontmatter script sections

Architecture & Stack

Astro 5.x: Static site generator with island architecture

Tailwind CSS 4.x: Configured via Vite plugin (

@tailwindcss/vite

)

TypeScript: Using Astro's strict tsconfig preset

Bun: Package manager and runtime

astro.config.mjs

: Astro configuration with Tailwind Vite plugin integration

tsconfig.json

: Extends

astro/tsconfigs/strict

src/styles/global.css

: Tailwind CSS import point using

@import "tailwindcss"

src/
├── assets/          # SVG and static assets
├── layouts/         # Layout components (Layout.astro)
├── pages/           # File-based routing (index.astro)
└── styles/          # Global styles (global.css)

This project uses Tailwind CSS v4 which has a different configuration approach than v3:

tailwind.config.js

file (v4 uses CSS-based configuration)

Tailwind is imported via

@import "tailwindcss"

src/styles/global.css

Configured as a Vite plugin in

astro.config.mjs

rather than PostCSS plugin

Layouts: Use

Layout.astro

as the base layout with

<slot />

for content injection

Pages: Located in

src/pages/

with automatic file-based routing

Frontmatter: Astro components use

---

delimiters for frontmatter script sections

CLAUDE.md

CLAUDE.md

REGLA FUNDAMENTAL

Project Overview

Development Commands

Architecture & Stack

Core Technologies

Configuration Files

Project Structure

Styling Setup

Astro Patterns

Related Skills

Nano Banana Pro

Markdown Converter

1password

CLAUDE.md

REGLA FUNDAMENTAL

Project Overview

Development Commands

Architecture & Stack

Core Technologies

Configuration Files

Project Structure

Styling Setup

Astro Patterns