Design calm, cold-white Nordic minimal landing pages — lagom restraint, hairline keylines, generous white space, one product per viewport, typography as the hero. Includes a full product-launch demo for a fictional Copenhagen lamp brand with a live Kelvin temperature slider, finish swatches, and a working pre-order configurator.
Design a Nordic minimal product launch page for a wireless speaker — cold white background, hairline rules, one product per viewport, with a live finish switcher.
你能得到
- SKILL.md with the full Nordic minimal system (tokens, components, motion, copy voice, QA checklist)
- references/design-tokens.md — exact colour, type, spacing and motion tables
- references/components.md — 12 component specs from nav to pre-order configurator
- references/snippets.md — 10 paste-ready vanilla JS/CSS recipes
- 2 live demo pages (landing + pre-order) with hand-drawn SVG product art and local fonts
适合场景
- Product launch pages for a single object
- Portfolio and studio sites that need calm, premium restraint
- SaaS and hardware pages where typography must carry the design
不适合
- Loud sales pages or dense marketplaces
- Festive or maximalist briefs
- Designs needing more than one accent colour
- 名称
- Nordic Minimal UI
- 下载数
- 1
- 分类
- 设计
- 包含 skills
- 1
下载与安装
更新内容: v1.0.0 — Nordic minimal (lagom) product-launch system: cold-white tokens, hairline keyline components, Kelvin slider and finish-swatch interactions, 2 live demos (landing + pre-order configurator) for fictional Copenhagen lamp brand LYS.
登录用户免费下载。
1. 下载 ZIP
点击上方按钮下载打包好的 skill，内含 SKILL.md 及全部配套文件。
2. 解压到 agent 的 skills 目录
解压后确保 SKILL.md 直接位于以 skill 命名的文件夹内：
unzip nordic-minimal-ui-v1.0.0.zip -d ~/.claude/skills/nordic-minimal-ui/各 Agent 的 skills 目录
- Claude Code
- ~/.claude/skills
- Cursor
- ~/.cursor/skills
- Codex
- ~/.codex/skills
- GitHub Copilot
- ~/.copilot/skills
3. 重启你的 agent
下次启动时 agent 会自动识别新 skill，直接问它能做什么。
喜欢这个免费 skill？Premium 解锁 91 个独家 skills。
一次订阅，解锁全部高级 skill、prompt 和内容包，以及未来的每一期新品。
评价
相关技能
Swiss Type UI
Swiss Type UI
Swiss International Typographic Style web UI skill: strict 12-column grids, black-white-signal red palette, one neo-grotesque typeface with typographic scale contrast, and hairline rules. Precision-first layouts for SaaS, data products, docs sites and portfolios.
Claude Code · Codex · Cursor · Copilot +3
Stripe-Style UI Design
Stripe-Style UI Design
Fintech-grade marketing pages in a gradient-mesh language — luminous white canvas, animated warm-to-cool gradient hero band, thin 300-weight display type with tight tracking, one indigo action color, near-square geometry, deep-navy dashboard mocks. Build fintech landing pages, pricing pages, and API/developer marketing with financial-infrastructure polish.
Claude Code · Codex · Cursor · Copilot +3
Aurora-Glass UI Design
Aurora-Glass UI Design
Dark, high-motion landing pages in the aurora-glass language — drifting multi-color aurora gradients, frosted-glass cards, glow CTAs, mouse parallax, canvas waveforms. Ships tokens, components, snippets, and an animated Prismwave demo.
Claude Code · Codex · Cursor · Copilot +3
Wabi-Sabi Japanese Minimal UI
Wabi-Sabi Japanese Minimal UI
A wabi-sabi Japanese-minimal design skill for AI agents: warm handmade-paper backgrounds, soft ink typography, one vermillion seal accent, generous negative space (ma), and quiet asymmetric layouts. Includes design tokens, component specs, paste-ready snippets, IP guardrails, and copy-voice guides (EN + 中文）.
Claude Code · Codex · Cursor · Copilot +3