Skills
.Work. You
Rest

soft-glass-ui

Community

Elevate UI with soft glass & neumorphism

Design & Creative#visual design#frontend development#ui design#glassmorphism#neumorphism#component styling
Authorjtdesign7277-source
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the issue of flat, lifeless UI components by applying sophisticated soft glass and neumorphic design patterns, giving interfaces a premium, tactile feel.

Core Features & Use Cases

  • Neumorphism: Creates elements that appear gently extruded or pressed into the background. Ideal for standalone cards, widgets, and buttons.
  • Glassmorphism: Renders elements as frosted glass panels with a blurred background effect, perfect for overlays, modals, and navigation bars.
  • Soft Glass: Combines neumorphic depth with glass transparency for a premium, sculpted look, suitable for dashboard widgets and data panels.
  • Micro-interactions: Implements subtle hover effects (scale and lift) to make UI elements feel responsive and engaging.

Quick Start

Apply the soft-glass-ui skill to style the dashboard cards with a premium, tactile feel.

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: soft-glass-ui
Download link: https://github.com/jtdesign7277-source/stratify/archive/main.zip#soft-glass-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 223,000+ vetted skills library on demand.