Skills
.Work. You
Rest

vira-design

Official

Establish consistent, accessible UI styles for Vira projects.

Design & Creative#ui#accessibility#components#design-system#tailwindcss#style-guide
Authorjuspay
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It streamlines the creation of harmonious and accessible user interfaces by providing predefined design standards and component styles.

Core Features & Use Cases

  • Design System Standardization: Offers guidelines for color palettes, typography, spacing, and layout to ensure visual consistency.
  • Component Styling: Provides utility classes and patterns for common UI components like headers, buttons, badges, and cards.
  • Accessibility Compliance: Incorporates best practices for contrast, focus states, and color schemes to meet accessibility standards.
  • Use Case: When developing a new admin dashboard, create a cohesive look and feel using the design tokens, style conventions, and component patterns outlined in this Skill.

Quick Start

Apply Vira's design tokens and component classes to start building your UI components with consistent style and accessibility.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: vira-design
Download link: https://github.com/juspay/vira/archive/main.zip#vira-design

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.