Audit Svelte component style blocks for design token violations.
npx skills add https://github.com/im9/inboil --skill audit-styles
Please help me install this Agent Skill. Skill: audit-styles Source: https://github.com/im9/inboil/tree/main/.claude/skills/audit-styles Command: npx skills add https://github.com/im9/inboil --skill audit-styles
Audit component CSS for arbitrary colors, font sizes, and spacing that violate the design token system defined in docs/ai/ui-design.md. Report violations and optionally fix.
Run the audit-styles tool on your Svelte project to detect token violations and automatically apply fixes.
High-intent search queries and answers about installing and using this skill.
You can audit Svelte components by scanning style blocks for arbitrary colors, font sizes, and spacing that violate the design token system, generating a report of violations and optionally applying automated fixes.
A CSS design token audit enforces token opacity steps, allowed color families, and border rules to identify and fix inconsistent UI styling across your project.
Yes, you can use the style audit tool in CI workflows to enforce token compliance across your Svelte codebase by checking colors, font sizes, spacing, and borders automatically.
The best way to fix arbitrary CSS colors and spacing is to run an automated audit that identifies values violating the design token system and applies the specified compliant tokens.
Yes, the audit checks CSS values against the design token system defined in your project's docs, specifically referencing a file like docs/ai/ui-design.md for the allowed token rules.
lasswelltExtract design tokens, typography, and palettes from Vue/Nuxt projects into DESIGN.md.
sumilee-pcuValidate AI skill structural integrity and behavioral compliance via static analysis.
ehtbantonGenerate Svelte components with TypeScript and scoped CSS.
ehtbantonGenerate Stylelint configuration files for CSS/SCSS linting and formatting.
