diff --git a/.agents/rules/blog-system.md b/.agents/rules/blog-system.md new file mode 100644 index 0000000..42af3e9 --- /dev/null +++ b/.agents/rules/blog-system.md @@ -0,0 +1,56 @@ +# Technical Blog System Rules & Architecture Directives + +## 1. Pedagogical Explanations (Interactive Learning) +1. **Explain the Code:** Whenever creating or refactoring code (Eleventy configuration, Nunjucks templates, CSS modules, build scripts), provide a clear, educational breakdown. +2. **Break Down Key Concepts:** Explain *why* a particular Eleventy filter, Nunjucks tag, or CSS variable structure was used so the user learns the foundational concepts. +3. **No Magic:** Avoid opaque or overly clever abstractions; prioritize readable, idiomatic code with commentary explaining tricky points. + +--- + +## 2. CSS Architecture & Isolation +1. **Zero Monolithic Inlines:** Do not inject raw `