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.
你能得到
- 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.
适合场景
- 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.
不适合
- Luxury jewelry, cold tech SaaS, clinical healthcare, or raw industrial brutalism — those need a different system.
- 名称
- Groovy 70s UI
- 下载数
- 0
- 分类
- 设计
- 包含 skills
- 1
下载与安装
更新内容: 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.
登录用户免费下载。
1. 下载 ZIP
点击上方按钮下载打包好的 skill，内含 SKILL.md 及全部配套文件。
2. 解压到 agent 的 skills 目录
解压后确保 SKILL.md 直接位于以 skill 命名的文件夹内：
unzip groovy-70s-ui-v1.0.0.zip -d ~/.claude/skills/groovy-70s-ui/各 Agent 的 skills 目录
- Claude Code
- ~/.claude/skills
- Cursor
- ~/.cursor/skills
- Codex
- ~/.codex/skills
- GitHub Copilot
- ~/.copilot/skills
3. 重启你的 agent
下次启动时 agent 会自动识别新 skill，直接问它能做什么。
喜欢这个免费 skill？Premium 解锁 77 个独家 skills。
一次订阅，解锁全部高级 skill、prompt 和内容包，以及未来的每一期新品。
评价
相关技能
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