Working with AI

How STACSS is designed to work seamlessly with AI coding assistants.

One reference, no repetition

STACSS is designed to be self-sufficient as a reference. Mentioning the convention by name and URL in a prompt is enough — the AI reads the documentation, understands the structure, and applies the rules without further explanation.

This is all you need:

Prompt
Create a navbar component.
Follow the STACSS convention: https://stacss.dev

It automatically applies the full convention:

Naming conventions
Simple .navbar class — no verbose BEM selectors
File structure
Styles placed in components/_navbar.sass
Utilities
Variables placed in utilities/_variables.sass
Components
Component kept free of page-specific styles

No need to re-explain the convention on every request.