Tooling Overview
An overview of SpiraCSS tooling.
Common prerequisites
- Place spiracss.config.js at the project root.
- Download AI agent documentation and use it as a reference document for AI-agent workflows.
If any of these are missing, AI outputs and tool behavior become unreliable and errors are more likely, so verify them before you start.
Tool list
| Tool | Role | Document |
|---|---|---|
| SpiraCSS Stylelint Plugin | Automatically validates SCSS structure and naming | Stylelint / Rules |
| SpiraCSS HTML CLI | CLI for AI agents; generates SCSS from HTML and validates HTML structure | HTML CLI |
| SpiraCSS Comment Links | Opens target files via comment links | Comment Links |
| SpiraCSS HTML to SCSS | Generates SCSS templates from HTML (VS Code extension) | HTML to SCSS |
Note: spiracss-html-to-scss is also a CLI command name, so be careful to distinguish it from the VS Code extension by context.
Shared configuration
SpiraCSS tools use spiracss.config.js as a shared configuration file.