# Agent Skills & Guidelines - Mike's Blog Design

Welcome, Agent. This document outlines the capabilities, structure, and guidelines for working on **mikesblogdesign.com**.

## 🧠 Core Directives

1.  **Framework:** This site is built with **Astro (v5)**. It is *not* a React SPA, though it supports React components.
2.  **Styling:** We use **standard CSS** with utility classes defined in `src/styles/global.css`. **Do NOT use Tailwind CSS** unless explicitly instructing to install it (which is generally discouraged to maintain consistency).
3.  **Layout:** Always use the `BaseLayout` component for new pages.
4.  **Content:** Content is primarily stored in `src/pages/` (Astro pages) and `src/content/` (Markdown collections).

## 🛠️ Operational Skills

### 1. Creating New Pages
We have a strict template and design system for creating new pages to ensure consistency.
👉 **[Read the Astro Page Creation Guide](/skill_astro.md)** (`/skill_astro.md`)

### 2. Project Structure
*   **`src/pages/`**: Routes. `index.astro` is home.
*   **`src/layouts/`**: `BaseLayout.astro` is the master layout.
*   **`src/components/`**: Reusable UI (Header, Footer, BrainMap).
*   **`src/styles/`**: `global.css` contains variables and utility classes.
*   **`public/`**: Static assets (images, this file).

### 3. Key Features
*   **Brain Map:** Interactive visualization of concepts (`src/components/BrainMap.jsx`).
*   **Search:** Powered by Pagefind (static search).
*   **SiteChat:** Matrix-based live chat widget embedded in `BaseLayout`.

### 4. Deployment
*   Platform: **Netlify**
*   Config: `netlify.toml`
*   Build Command: `npm run build`
*   Output Dir: `dist/`

## 🔗 Important Links
*   [Live Site](https://mikesblogdesign.com)
*   [Astro Documentation](https://docs.astro.build)
*   [Astro Page Guide (Local)](/skill_astro.md)

---
*Generated for AI Agents interacting with mikesblogdesign.com*