Skills
.Work. You
Rest

sikhaid-styling

Community

Automate SikhAid styling tasks.

Design & Creative#design#branding#styling#tokens#Tailwind#ui-patterns
Authorthe-non-expert
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps teams apply SikhAid's branding and design system consistently, reducing back-and-forth on colors, typography, and component styling.

Core Features & Use Cases

  • Brand & UI Standards: Enforces navy/orange palette, Tailwind patterns, and typography guidelines across components.
  • Reusable Design Tokens: Centralized tokens for colors and spacing to speed up UI creation.
  • Use Case: Kick off a new page with brand-aligned buttons, typography, and responsive layouts in minutes.

Quick Start

Use this Skill to align a new page with navy buttons and orange CTAs by applying tokens from design-tokens.md and using classes like bg-navy and text-orange in responsive layouts.

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: sikhaid-styling
Download link: https://github.com/the-non-expert/SikhAidSPA/archive/main.zip#sikhaid-styling

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 223,000+ vetted skills library on demand.