vintage
CommunityGenerate retro-vintage UI design guidance
Design & Creative#accessibility#design system#design tokens#qa checklist#ui guidelines#component states#retro ui
AuthorPiercingXX
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It solves the challenge of producing consistent, implementation-ready UI guidance for a Vintage design system so teams can build retro interfaces that still meet accessibility and quality expectations.
Core Features & Use Cases
- Design-system foundations: Provides concrete typography, color palette, and spacing scales (e.g., Silkscreen/JetBrains Mono, defined hex tokens, and a 4/8/12/16/24/32 rhythm).
- Component-ready rules: Guides creation of component anatomy, variants, and interaction states (default, hover, focus-visible, active, disabled, loading, error where relevant).
- Accessibility and QA gates: Includes WCAG 2.2 AA requirements, testable acceptance criteria, anti-patterns, and a code-review friendly QA checklist.
Quick Start
Use the vintage skill to author component and interaction guidelines for a Vintage-themed product while enforcing token-based styling and WCAG 2.2 AA acceptance criteria.
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: vintage Download link: https://github.com/PiercingXX/xx-stack/archive/main.zip#vintage 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.