Files
2026-07-13 11:58:46 +08:00

1.0 KiB

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.