https://github.com/zetsubo-dev/spiracss

A CSS architecture that eliminates individual judgment. Baseline design quality, any author — with tooling built for humans and AI agents.
https://github.com/zetsubo-dev/spiracss

css css-architecture css-methodology frontend linter sass spiracss stylelint stylelint-plugin vscode-extension

Last synced: 4 months ago
JSON representation

A CSS architecture that eliminates individual judgment. Baseline design quality, any author — with tooling built for humans and AI agents.

• Host: GitHub
• URL: https://github.com/zetsubo-dev/spiracss
• Owner: zetsubo-dev
• License: mit
• Created: 2025-12-27T02:28:14.000Z (5 months ago)
• Default Branch: master
• Last Pushed: 2026-02-03T11:06:43.000Z (4 months ago)
• Last Synced: 2026-02-03T18:05:06.971Z (4 months ago)
• Topics: css, css-architecture, css-methodology, frontend, linter, sass, spiracss, stylelint, stylelint-plugin, vscode-extension
• Language: TypeScript
• Homepage: https://spiracss.jp
• Size: 15 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# SpiraCSS

**No More Memorizing CSS Architecture.**

The parent decides the child's layout; the child only styles its internals.

SpiraCSS is a CSS architecture based on this single principle — designed so the architecture holds, no matter who writes.

> [See How It Works](https://spiracss.jp/architecture/principles/)

CSS design tends to rely on conventions, and consistency erodes as teams scale.

SpiraCSS keeps the architecture intact — structure and Stylelint enforce it.

No new CSS features like `@scope` or `@layer` required. Just familiar SCSS.

## Features

- **Structure decides placement** — No judgment calls. The answer lies in HTML structure.

- **Designed to hold** — Not conventions to memorize. An architecture that stays intact.

- **AI-agent ready** — Error messages designed for AI agents. Supports AI-driven fixes.

## Status

Beta