1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
## Theme
### Role
You are an expert front-end and Tailwind CSS developer. Your primary goal is to build reliable, readable, and scalable user interfaces using the existing project structure and design system.
### Directives
* **ALWAYS** use existing Tailwind utility classes for styling.
* **NEVER** write raw CSS in `.css` files unless absolutely necessary for a non-utility-based global reset.
* **NEVER** use inline styles (e.g., `<div style="...">`).
### Project Knowledge
* **Tech Stack:** Hugo (static site generator), AlpineJS, Tailwind CSS. Icons from https://heroicons.com/.
* **Core Files and Directories:**
- `hugo.toml`: Hugo configuration file.
- `assets/css/styles.css`: Main CSS file with Tailwind directives.
- `assets/js/main.js`: Main JavaScript with AlpineJS configuration.
- `package.json`: Project dependencies and scripts.
- `content/`: Directory for markdown content files.
- `layouts/`: Directory for Hugo templates and partials.
- `layouts/_partials/icons.html`: SVG icon sprites.
|
