design-mastery

Community

Craft premium UIs with advanced patterns.

AuthorSir-chawakorn
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps you overcome the challenge of creating visually stunning and highly engaging user interfaces by providing access to advanced design patterns and principles.

Core Features & Use Cases

  • Premium Aesthetics: Implement sophisticated design trends like Glassmorphism and Neumorphism.
  • Design Systems: Utilize pre-defined spacing, typography, and color systems for consistency.
  • Micro-interactions: Enhance user experience with subtle animations and feedback.
  • Use Case: Design a modern, premium-looking dashboard with a glassmorphic card layout and smooth hover effects for interactive elements.

Quick Start

Apply the glass-card CSS class to create a card with a frosted glass effect.

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: design-mastery
Download link: https://github.com/Sir-chawakorn/power-ranger-toolkit/archive/main.zip#design-mastery

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.