art-deco

Community

Luxurious UI sculpted in gold and obsidian.

AuthorTheBlueBear02
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Provides a complete, opinionated Art Deco UI language to transform generic interfaces into a luxury, architecturally disciplined experience by enforcing strict visual rules and tokens for color, typography, borders, and motion.

Core Features & Use Cases

  • Zero border-radius everywhere to preserve geometry; gold glows (not drop shadows) to simulate neon lighting; diagonal crosshatch texture to create depth on a near-black surface; rotated diamond icon containers and corner L-brackets as signature motifs; uppercase Marcellus headings with extreme tracking; Roman numerals for steps and pricing; sunburst hero motifs; a comprehensive token set for color, typography, borders, and motion; all available as a reusable React/Tailwind skill.
  • Suitable for luxury brands, galleries, and premium software interfaces seeking a cohesive, heritage-rich aesthetic; ideal for marketing sites, landing pages, dashboards, or editorial components that must convey refinement and timeless craftsmanship.

Quick Start

Begin by reading philosophy.md to internalize the Art Deco rules, then wire up fonts and the crosshatched texture as described, and implement components according to the included examples.

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: art-deco
Download link: https://github.com/TheBlueBear02/drip-skills/archive/main.zip#art-deco

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.