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
.navbarclass — 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.