DEV Community

Pure Cascade
Pure Cascade

Posted on

๐ŸŒŠ Week 2 โ€” Pure Cascade now actually analyzes your CSS

This week, Pure Cascade stopped being a UI mockup and became a working tool.

๐Ÿ”ง Whatโ€™s new

Built the core analyzer using PostCSS

Added metrics for:

total rules / selectors / declarations

unique selectors

property frequency

Implemented ZIP import โ€” you can now drop a project archive right into the browser and get a real JSON report.

Connected everything: front โ†’ analyzer โ†’ report.

Itโ€™s still raw, but it already parses real CSS and shows meaningful data.

๐Ÿงฉ Why this matters

The hardest part isnโ€™t building UI โ€” itโ€™s making the system actually understand CSS.
Now that the parsing and counting pipeline works, adding more logic (duplicates, conflicts, health score) is straightforward.

๐Ÿš€ Next

detect duplicate selectors and conflicting declarations

compute a CSS โ€œhealth scoreโ€

display it nicely in the Report page

Once thatโ€™s in, Pure Cascade will evolve from โ€œparserโ€ into a true CSS health monitor.

Small step, big unlock โ€” now itโ€™s analyzing real code.

buildinpublic #frontend #css #devtool #react #typescript #vite

Top comments (0)