art-deco
CommunityLuxurious 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 requiredComponents
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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.