skills.rest
ZESCODE
ZESCODECOMMUNITY
Explore all skills by this author →
GitHub

ZES-design

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
One-click install
npx skills add https://github.com/ZESCODE/Zes-Orchestration-System --skill zes-design
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
netprtonynetprtony

shadcn-ui

Automate shadcn/ui component setup and usage in React and Next.js projects.

Community
Advanced
JKKN-InstitutionsJKKN-Institutions
1

glassmorphism-ui

Provide ready-to-use glassmorphism UI components for React and Next.js projects.

Official
Intermediate
locnbk2002locnbk2002
1

ui-styling

Style React interfaces with shadcn/ui components and Tailwind CSS.

Community
Intermediate
HuzafiHuzafi

modern-button

Create glassmorphism buttons with CSS and HTML markup.

Community
Basic