Build warm 1970s groovy retro landing pages — burnt orange, mustard and avocado on cream paper, rainbow arches, wavy headlines, and spinning vinyl motifs. Includes a vinyl record shop demo with crate filters and a live format-priced detail panel.
Build a groovy 70s landing page for my vinyl record shop using groovy-70s-ui, with crate filters and a spinning vinyl hero.
What you get
- A complete groovy 70s design system: SKILL.md with IP guardrails, workflow, tokens, components, motion and copy voice; three reference files with exact colors, type scale, component specs and paste-ready code; two working demos — a record-shop landing page and a crate browser with format pricing.
Good fit
- Vinyl and record shops, music stores, listening bars, retro fashion and home-goods brands, festival and gig pages that want a warm, sunny 70s voice.
Not for
- Luxury jewelry, cold tech SaaS, clinical healthcare, or raw industrial brutalism — those need a different system.
- Name
- Groovy 70s UI
- Downloads
- 0
- Category
- Design
- Skills inside
- 1
Download & install
What's new: v1.0.0 — Groovy 70s design system with rainbow arch and vinyl motifs, plus landing-page and crate-browser demos for the fictional Sunset Groove record shop.
Free for signed-in users.
1. Download the ZIP
Use the button above to download the packaged skill. It contains the SKILL.md plus all supporting files.
2. Unzip into your agent's skills folder
Extract the archive so that SKILL.md sits directly inside a folder named after the skill:
unzip groovy-70s-ui-v1.0.0.zip -d ~/.claude/skills/groovy-70s-ui/Skills folder per agent
- Claude Code
- ~/.claude/skills
- Cursor
- ~/.cursor/skills
- Codex
- ~/.codex/skills
- GitHub Copilot
- ~/.copilot/skills
3. Restart your agent
Your agent picks up the new skill automatically on next launch. Ask it what it can do.
Like this free skill? Premium unlocks 77 exclusive skills.
One subscription unlocks every premium skill, prompt and pack — plus all future drops.
Reviews
Related skills
Claymorphism UI
Claymorphism UI
Design websites in the Claymorphism style — puffy inflated 3D surfaces like modeling clay, pastel colors, big rounded corners, triple-layer shadows (soft outer drop + inset top-left highlight + inset bottom-right shade), rounded display type, and springy bouncy motion.
Claude Code · Codex · Cursor · Copilot +3
Terminal Retro UI
Terminal Retro UI
Design websites in the Retro Terminal / CRT phosphor style — glowing monospace type on near-black, scanline + vignette overlays, zero rounded corners, bracket buttons, ASCII meters, blinking block cursors, typewriter/boot motion.
Claude Code · Codex · Cursor · Copilot +3
Memphis UI
Memphis UI
Design bold Memphis postmodern websites — cream paper, thick ink outlines, flat saturated colour, squiggles, zig-zags, dots and stripes, and playful geometry that treats decoration as the point.
Claude Code · Codex · Cursor · Copilot +3
Y2K Chrome UI
Y2K Chrome UI
Build Y2K chrome interfaces — liquid-metal display type, inflatable bubble shapes, iridescent gradients and playful early-internet details for streetwear, music, beauty and youth brands.
Claude Code · Codex · Cursor · Copilot +3