Skills
.Work. You
Rest

aurora-design-system

Community

Design, implement, and review UI with the Aurora Design System.

Software Engineering#React#design system#Next.js#UI design#shadcn
Authorjmagar
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a comprehensive design system for React/Next.js UI development, ensuring consistency and efficiency across surfaces like Labby and Aurora operator console.

Core Features & Use Cases

  • Design Guidance: Offers visual and operational instructions for designing, implementing, and reviewing Aurora UI surfaces.
  • Component Inventory: Provides a detailed list of UI primitives and product blocks available for integration.
  • Setup Instructions: Includes guidance for adding Aurora to a project, including CSS and font configuration.
  • Static Artifacts: Shows how to create static HTML mockups and prototypes using Aurora tokens and assets.
  • Token Reference: Lists all tokens with their values for dark and light modes, and shadcn token bridge.

Quick Start

Run the aurora-design-system skill to review the design guidelines and component inventory for the Aurora Design System.

Dependency Matrix

Required Modules

reactnextshadcn

Components

scriptsreferencesassets

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

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