Skills
.Work. You
Rest

brijr-ui

Community

Restrained UI design system

Design & Creative#typescript#react#design system#next.js#shadcn/ui#ui design#restrained design
Authorbrijr
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill enforces a disciplined, restrained design system to prevent generic, overly-expressive, or default UI styling, ensuring a cohesive and professional product interface.

Core Features & Use Cases

  • Opinionated Design Constraints: Applies specific rules for layout, typography, color, and components to maintain a calm, ordered aesthetic.
  • Shadcn/UI Refinement: Transforms default shadcn/ui components into a unique, authored design language.
  • Use Case: When building a new dashboard in a React/Next.js project using shadcn/ui, this Skill ensures the UI adheres to principles of restraint, hierarchy through spacing and weight, and a neutral-first color system, avoiding common "SaaS dashboard energy."

Quick Start

Apply the brijr-ui design system to the current UI project.

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: brijr-ui
Download link: https://github.com/brijr/skills/archive/main.zip#brijr-ui

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.