ZES-design

Name: ZES-design
Availability: InStock
Author: zescode

Apply dark-themed glassmorphism styling to UI components with Tailwind CSS and shadcn/ui.

Updated Jul 8, 2026

Search Tags:#design #ui #styling #tailwind #glassmorphism #shadcn

Ready to run

npx skills add https://github.com/ZESCODE/Zes-Orchestration-System --skill zes-design

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ZES-design
Source: https://github.com/ZESCODE/Zes-Orchestration-System/tree/main/.agents/skills/ZES-design
Command: npx skills add https://github.com/ZESCODE/Zes-Orchestration-System --skill zes-design

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill solves the problem of visual inconsistency across UI components by providing a standardized design language based on the Polybot theme.

Core Features & Use Cases

Visual Standardization: Applies a cohesive dark blue gradient, glassmorphism, and glowing border aesthetic to all UI elements.
Component Styling: Provides specific Tailwind CSS and shadcn/ui configurations for consistent panel and card styling.
Use Case: When building a new dashboard panel, use this skill to automatically apply the correct border, shadow, and backdrop-blur settings to ensure it matches the existing ZES interface.

Quick Start

Apply the ZES design system theme to the current dashboard component by running the styling update command.

Frequently Asked Questions about ZES-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I apply consistent glassmorphism styling to shadcn/ui dashboard components?▼

Apply consistent glassmorphism styling by configuring shadcn/ui primitives with this skill's predefined dark blue gradients, glowing border effects, and backdrop-blur settings to ensure visual uniformity across dashboard panels and cards.

What is the best way to standardize UI aesthetics using Tailwind CSS and shadcn/ui?▼

Standardize UI aesthetics by applying a specific dark-themed design language that enforces visual uniformity through defined color tokens, border effects, and backdrop-blur configurations across all interactive elements using Tailwind CSS.

Does this glassmorphism theme work with existing Tailwind CSS configurations?▼

Yes, this glassmorphism theme integrates with Tailwind CSS by providing specific styling configurations for panels and cards, applying cohesive dark blue gradients and backdrop-blur settings without requiring external dependencies.

Can I use this skill to fix visual inconsistency across different dashboard panels?▼

Yes, you can resolve visual inconsistency by applying this standardized design language to automatically configure correct border, shadow, and backdrop-blur settings, ensuring all dashboard panels match the existing ZES interface.

When do I need to apply a standardized dark theme to my UI components?▼

You need to apply a standardized dark theme when building new dashboard panels or interactive elements to ensure they match the existing interface and maintain visual uniformity across the application.