feat(mint): add @property type-check analysis to CSS audit#104
Draft
nujovich wants to merge 2 commits into
Draft
feat(mint): add @property type-check analysis to CSS audit#104nujovich wants to merge 2 commits into
nujovich wants to merge 2 commits into
Conversation
Owner
Author
|
All milestones complete. Ready for review when you are. |
2 similar comments
Owner
Author
|
All milestones complete. Ready for review when you are. |
Owner
Author
|
All milestones complete. Ready for review when you are. |
nujovich
marked this pull request as ready for review
July 23, 2026 14:02
nujovich
marked this pull request as draft
July 23, 2026 14:03
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Card: https://github.com/nujovich/mint-radar/issues/8\n\n**What:** Extends the CSS audit with @Property type-check analysis. Milestone 1\nadds a new audit step to that detects CSS @Property\nregistrations, validates usage against declared syntax, and flags\ntype mismatches. The feature leverages Mint's existing LLM-based audit\npipeline (Claude) — no new runtime parser needed.\n\nWhy: @Property adoption is growing (2.67% per Project Wallace 2026, driven\nby Tailwind v4). Mint currently audits colors, fonts, spacing, line-height,\nmotion, layout accessibility, modern practices, and overflow safety, but has\nno awareness of registered custom properties or their type contracts. Adding\n@property validation catches a class of bugs (type mismatches between\ndeclared syntax and actual var() usage) that neither ESLint CSS nor Stylelint\ntarget natively, reinforcing Mint's differentiation as a semantic auditor.\n\n## Milestones\n\n- [x] Milestone 1 — Extend audit prompt in lib/prompts.mjs with @Property\n analysis step: detect @Property registrations, validate var() assignments\n against declared syntax, report type mismatches\n\n- [x] Milestone 2 — Add @Property type-check fields to AuditReport type in\n lib/types.ts\n\n- [x] Milestone 3 — Wire @Property results in the playground UI (app/page.tsx)\n\n- [x] Milestone 4 — Add test fixture with @Property examples in\n lib/fixtures/ and corresponding test in lib/tests/\n\nHow to test:\n