# scandinavian-design

This skill guides interface work toward calm layouts, restrained monochrome styling, and clearer hierarchy. Use it to redesign a surface, review it, or explore prototype directions.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 1800 installs · ★ 409
- Author: ericzakariasson
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/ericzakariasson/scandinavian-design/tree/HEAD/skills/scandinavian-design/SKILL.md
- Updated: 2026-08-22
- HTML: https://affpapa.org/en/nevibecode/skills/scandinavian-design

## What it does

The skill examines a requested interface in its product context, then guides changes around comprehension, navigation, accessibility, and hierarchy. It supports redesign, review without source edits, and a prototype mode that presents three distinct directions in an isolated setup. It also asks the agent to account for existing components, brand choices, responsive conventions, and the purpose of the surface.

Its visual approach pairs black-and-white foundations with restrained type, open spacing, and less ornament. That does not mean stripping every page back: information density and visual character still need to fit the product. A loud identity can lose meaning if the agent applies restraint mechanically. Available for Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, and OpenCode.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add ericzakariasson/scandinavian-design --skill scandinavian-design -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/scandinavian-design/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/scandinavian-design/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add ericzakariasson/scandinavian-design --skill scandinavian-design -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/scandinavian-design/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add ericzakariasson/scandinavian-design --skill scandinavian-design -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/scandinavian-design/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install ericzakariasson/scandinavian-design scandinavian-design
```

2. **Manually: put the files in place**
- File: `.github/skills/scandinavian-design/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add ericzakariasson/scandinavian-design --skill scandinavian-design -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/ericzakariasson/scandinavian-design --path skills/scandinavian-design
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/scandinavian-design/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add ericzakariasson/scandinavian-design --skill scandinavian-design -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/ericzakariasson/scandinavian-design/tree/HEAD/skills/scandinavian-design/SKILL.md

## When to use it
- clarify the hierarchy of a crowded page
- review navigation and accessibility
- remove decoration that competes with content
- compare visual directions before production changes

## Example prompts
- Apply a Scandinavian visual approach to the account page and review its responsive layout.
- Review this interface without editing source files and rank the findings by importance.
- Create three distinct design directions in an isolated prototype; leave the production UI untouched.

## Similar
- [frontend-design](https://affpapa.org/en/nevibecode/skills/frontend-design.md) — skill · 1025790 installs
- [grill-me](https://affpapa.org/en/nevibecode/skills/grill-me.md) — skill · 1424476 installs
- [design-taste-frontend](https://affpapa.org/en/nevibecode/skills/design-taste-frontend.md) — skill · 678700 installs
- [prototype](https://affpapa.org/en/nevibecode/skills/prototype.md) — skill · 986201 installs
- [grilling](https://affpapa.org/en/nevibecode/skills/grilling.md) — skill · 979543 installs
- [codebase-design](https://affpapa.org/en/nevibecode/skills/codebase-design.md) — skill · 850344 installs

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md