Skills
.Work. You
Rest

design__building-frontend

Community

Principled frontend design, scalable CSS.

Design & Creative#design#architecture#accessibility#frontend#design-system#css-tokens#bem
Authorerikhazzard
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Builds production-grade frontend UI with BEM naming, strict class budgets, and tokenized styling, avoiding Tailwind and utility-class soup to ensure maintainability and design integrity.

Core Features & Use Cases

  • BEM-based component architecture for scalable frontends
  • Tokenized styling system with design tokens for consistent theming
  • Accessibility-minded markup and responsive layouts
  • Use when creating web components, pages, or apps requiring high design quality

Quick Start

Outline your aesthetic direction and component contracts before coding.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: design__building-frontend
Download link: https://github.com/erikhazzard/vasir/archive/main.zip#design-building-frontend

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.