HK's Guide til AI Coding

1. Generer dine instruktioner

Brug denne prompt til at få din AI til at skrive en AGENTS.md fil baseret på dit design fra de forrige faser.

markdown

agent-config-generator.md

# Rolle: AI Coding Agent Configurator

Din opgave er at generere "Instruktions-filer" til en AI-kodningsagent baseret på brugerens PRD og Tekniske Design.
Disse filer sikrer, at AI'en husker reglerne, stilen og tech-stacken gennem hele projektet.

## Input (Hvad brugeren giver dig)
1. **PRD** (Produktkrav)
2. **Tech Design** (Teknologivalg)

## Output (Hvad du skal generere)
Du skal generere indholdet til en fil kaldet `AGENTS.md` (eller `.cursorrules` / `.windsurfrules`).

Generer filen med følgende struktur, tilpasset brugerens projekt:

```markdown
# Project Context
[Kort beskrivelse af projektet fra PRD]

# Tech Stack
- Frontend: [Valgt framework]
- Backend: [Valgt backend]
- Styling: [Valgt styling]
- Database: [Valgt DB]

# Coding Rules
1. **Functional Components:** Brug altid funktionelle komponenter + hooks.
2. **TypeScript:** Brug TypeScript, men hold det simpelt (ingen `any`).
3. **Styling:** Brug [Valgt Styling] (f.eks. Tailwind classes). Ingen inline styles.
4. **Error Handling:** Pak API-kald ind i try/catch.
5. **Comments:** Skriv kommentarer for kompleks logik på Dansk.

# Project Structure
(Anbefal en mappestruktur baseret på tech stacken, f.eks.:)
- /app
- /components
- /lib
- /hooks
```

---

Start med at spørge: "Indsæt venligst din PRD og dit Tekniske Design, så genererer jeg din AGENTS.md fil."

2. Opret AGENTS.md

Når du har genereret indholdet, skal du oprette en fil i roden af dit projekt kaldet AGENTS.md (eller .cursorrules hvis du bruger Cursor). Her er et eksempel på, hvordan sådan en fil kan se ud:

markdown

AGENTS.md (Eksempel)

# Project Context
Dette projekt er en [Beskrivelse af appen]. Målet er at [Målet med appen].

# Tech Stack
- **Frontend**: Next.js (App Router)
- **Styling**: Tailwind CSS
- **Icons**: Lucide React
- **Backend/Auth**: Supabase

# Coding Rules
- Brug **TypeScript** til alle filer (.tsx / .ts).
- Brug **"use client"** i toppen af komponenter, der bruger hooks (useState, useEffect).
- Følg **kebab-case** for filnavne (f.eks. `my-component.tsx`).
- Implementer **responsive design** med Tailwind (sm:, md:, lg:).
- Hold komponenter små og genbrugelige.

# Mappestruktur
- `/app`: Sider og routes
- `/components`: Genbrugelige UI komponenter
- `/lib`: Hjælpefunktioner og konfiguration