spotify-ui-skills
CommunityBuild Spotify-inspired interfaces.
Authorihlamury
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides opinionated constraints and guidelines for creating user interfaces that are visually consistent with Spotify's distinct dark-mode aesthetic, utilizing their specific typography and spacing principles.
Core Features & Use Cases
- Dark Mode Implementation: Enforces dark backgrounds and specific color palettes suitable for a dark theme.
- Consistent Typography: Mandates the use of the 'Inter' font family with defined sizes and weights for headings and body text.
- Grid-Based Spacing: Adheres to a 4px grid system for consistent spacing and layout.
- Use Case: When designing a new music player application that aims for a professional, dark-themed look and feel similar to Spotify, these guidelines ensure brand consistency and a polished user experience.
Quick Start
Apply the spotify-ui-skills to design a dark mode interface using the Inter font and a 4px grid.
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: spotify-ui-skills Download link: https://github.com/ihlamury/design-skills/archive/main.zip#spotify-ui-skills 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 223,000+ vetted skills library on demand.