Skills
.Work. You
Rest

classey-ui

Community

Precise Classey UI/UX for every component.

Design & Creative#theming#ui#responsive#glassmorphism#design-system#framer-motion
Authormelvinv007
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Classey UI/UX standards remove inconsistency and guessing by providing a single source of truth for visuals, motion, and theming across the app.

Core Features & Use Cases

  • Exact CSS variable system and glassmorphism presets to ensure consistent styling across cards, modals, surfaces, and backgrounds.
  • Framer Motion presets for standard component entrances, micro-interactions, and responsive animations that align with the Classey design language.
  • Theming and color management using a semester-based accent color system that propagates across the entire UI.

Quick Start

Apply the Classey UI patterns to new components by importing the provided CSS variables, glassmorphism presets, and motion guidelines.

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