scandinavian-design README

The project's README from github.com/ericzakariasson/scandinavian-design. As one markdown file: README.md.

Scandinavian Design

A Cursor agent skill for applying a restrained Scandinavian visual system to a codebase: black-and-white foundation, sans-serif type, generous spacing, and purposeful product imagery.

Scandinavian design showcase

Ten sites, before rewritten into after.

Install

Install with npx skills add ericzakariasson/scandinavian-design.

The skill is skills/scandinavian-design/. Nothing else in this repo is needed.

git clone https://github.com/ericzakariasson/scandinavian-design
cd scandinavian-design
cp -r skills/scandinavian-design ~/.cursor/skills/
npm --prefix ~/.cursor/skills/scandinavian-design/scripts install

Then invoke /scandinavian-design on the surface you want redesigned.

Eval

demos/ holds ten live sites restyled through the CSS-override fallback, with before/after captures at desktop and mobile — the set the skill was tested and corrected against. Browse them at scandinavian-design.vercel.app or locally:

npm install && npm run eval   # re-capture everything
npm run site                  # viewer on :4173
npm run showcase              # Remotion studio — before/after scan rewrite
npm run showcase:render       # write showcase.mp4 for the landing page

feedback.md records what each demo taught the skill, including the claims that were checked and rejected.

scandinavian-design (ericzakariasson/scandinavian-design)

Searching Database…

Что это?Это скилл агента Cursor, который переоформляет кодовую базу в сдержанном скандинавском стиле: чёрно-белая гамма, шрифт без засечек, щедрые отступы и осмысленные изображения продукта.
Это универсальный дизайн-инструмент или специфичный для Cursor?Он создан именно как скилл агента Cursor, а не отдельное приложение. Устанавливается через CLI 'skills', а затем вызывается внутри Cursor как slash-команда.
Как его установить и запустить?Выполните npx skills add ericzakariasson/scandinavian-design — скилл окажется в skills/scandinavian-design/. Затем вызовите /scandinavian-design для той поверхности, которую хотите переоформить.
Нужно ли что-то помимо Cursor?Только Cursor и основанный на npx установщик 'skills'; больше ничего из репозитория для самого скилла не нужно. Зависимость playwright-core в репозитории используется только внутренними eval/демо-скриптами.
Он всегда переписывает код напрямую или иногда откатывается к запасному варианту?Десять демо-сайтов переоформлялись через запасной вариант с CSS-переопределениями, а не всегда прямым переписыванием разметки, то есть скилл может прибегать к CSS-переопределениям на некоторых поверхностях вместо полной правки кода.
Как на самом деле выглядит скандинавский стиль?Он опирается на чёрно-белую основу, типографику без засечек, щедрые отступы и осмысленные изображения продукта, а не декоративную графику.
Можно ли увидеть, что он делает, прежде чем пробовать на своём проекте?Да, папка demos/ показывает десять живых сайтов, переоформленных со снимками «до/после» на десктопе и мобильном; их можно посмотреть на scandinavian-design.vercel.app или локально.
Как оттачивалось дизайн-чутьё скилла?feedback.md документирует, чему скилл научился на каждом из десяти демо-сайтов, включая дизайн-утверждения, которые по ходу проверялись и отвергались.
Size
106 MB
Stars
406
Updated
CommitAug 22
Age
2mo
Commits · 90 Days