static-site-engineer

What problem does it solve?

This Skill eliminates the subtle, costly errors that plague static site front-end work, including broken template syntax, CSS specificity conflicts, missed visual regressions, unoptimized assets, and frontmatter parsing issues, ensuring your static site renders correctly and performs well across all target viewports.

Core Features & Use Cases

• Cross-SSG workflow guidance for Zola, Hugo, 11ty, Astro, and Eleventy projects, covering templates, SCSS/CSS, content authoring, small vanilla JS, and image processing.
• Built-in mental models and cross-SSG pattern libraries to avoid reinventing existing functionality, plus SSG-specific gotchas for Tera (Zola) and Hugo templates.
• Step-by-step verification workflows including build checks and visual regression testing to catch issues before deployment.
• Use Case: If you are adding a new blog post template to an existing Hugo site, this Skill guides you to reuse existing partials, adhere to the project's CSS pattern library, run a green build, and verify the output renders correctly on mobile and desktop.

Quick Start

Invoke the static-site-engineer skill to add a new responsive blog post template to your existing Zola static site, reusing existing partials and verifying the output renders correctly on mobile and desktop viewports.