Generate a frontend UI scaffold with BEM naming and token-based styles.
npx skills add https://github.com/erikhazzard/vasir --skill design-kicking-off
Please help me install this Agent Skill. Skill: design__kicking-off Source: https://github.com/erikhazzard/vasir/tree/main/.agents/skills/design__kicking-off Command: npx skills add https://github.com/erikhazzard/vasir --skill design-kicking-off
Streamlines the creation of a robust frontend UI by delivering a canonical, production-grade scaffold that enforces BEM naming, strict class budgets, and token-based styling, removing the guesswork from starting a new project.
Describe your project and instruct the AI to generate a canonical frontend design-system scaffold ready to drop into your repository.
High-intent search queries and answers about installing and using this skill.
A token-based design system uses centralized variables for theming, while BEM naming enforces a strict CSS contract by structuring class names into blocks, elements, and modifiers to prevent styling conflicts and ensure scalable UI surfaces.
To bootstrap a component library with a strict CSS architecture, generate a canonical frontend scaffold that enforces BEM naming rules, token-based styling, and controlled class budgets to define clear, reusable UI primitives ready for production.
No, you cannot use utility classes or Tailwind with this scaffold. The generated CSS contract explicitly disallows utility classes, enforcing token-driven theming and strict BEM naming to maintain a controlled, production-grade frontend workflow.
The best way to kick off a new frontend codebase is to generate a production-grade design system scaffold that establishes explicit naming rules, token-based styles, and a documented CSS contract, removing the guesswork from defining your visual identity.
No, this design system starter has zero dependencies. It generates a canonical, production-grade frontend UI foundation built on pure CSS architecture and token-based styles, making it framework-agnostic and ready to drop into any repository.
A documented CSS contract replaces inline styles by enforcing explicit naming rules, class budgets, and token-based styling, which ensures consistent visual identity, prevents CSS bloat, and maintains scalable UI surfaces across new projects.
truchotDefine visual identity, brand language, and governance for projects.
FAeN399Design reusable HTML, CSS, and JavaScript UI components with BEM patterns.
kleon6436Enforce CSS and Tailwind coding standards during code reviews.
t-stringsEnforce frontend CSS standards for consistent styling and maintainability.
