Nothing Design
nothing-design
Скилл генерации интерфейсов в визуальном языке Nothing: монохром, швейцарская типографика, промышленная строгость
Установка
git clone https://github.com/dominikmartn/nothing-design-skill.git
cp -r nothing-design-skill/nothing-design ~/.claude/skills/После перезапуска Claude Code скилл станет доступен.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Скилл дает агенту дизайн-систему в стиле Nothing и включается только по явной просьбе. Он строит интерфейсы по трехслойной иерархии display, body и metadata, на связке шрифтов Space Grotesk, Space Mono и Doto, с полными наборами токенов для темной и светлой темы. В арсенале сегментированные прогресс-бары, механические переключатели и приборные виджеты. Результат выдается как HTML и CSS, SwiftUI или React с Tailwind. Справочники по токенам, компонентам и раскладке под платформы лежат в папке references.
Для кого. Для дизайнеров и фронтенд-разработчиков, которым нужен монохромный типографический стиль в духе Nothing.
Подходит, если
- Хотите интерфейс в монохромном стиле Nothing
- Нужна строгая типографическая иерархия без цвета
- Собираете дашборд или приборную панель с приборными виджетами
Не подходит, если
- Нужен яркий цветной или иллюстративный дизайн
- Задача не про интерфейс, а про общую верстку
Пример запроса к агенту
Сделай экран профиля в стиле Nothing, темная темаОграничения
Скилл срабатывает только по явной команде вроде Nothing style или /nothing-design и не включается сам на обычных дизайн-задачах. Он задает один визуальный язык, а не универсальную систему под любой бренд.
Как отключить. Удалите папку nothing-design из каталога скиллов агента.
Проверка безопасности
- Скилл состоит из правил дизайна и справочников
Коротко о README
README рассказывает, что автор устал повторять агенту одни и те же правила швейцарской типографики и черного OLED и упаковал их в скилл. По команде Nothing style агент собирает интерфейс по трехслойной иерархии, на связке трех шрифтов, с полной системой токенов для темной и светлой темы. В комплекте сегментированные прогресс-бары, механические переключатели и приборные виджеты. Файлы SKILL.md и справочники по токенам, компонентам и платформам лежат в папке скилла. Лицензия MIT.
SKILL.md
--- name: nothing-design description: This skill should be used when the user explicitly says "Nothing style", "Nothing design", "/nothing-design", or directly asks to use/apply the Nothing design system. NEVER trigger automatically for generic UI or design tasks. version: 3.0.0 allowed-tools: [Read, Write, Edit, Glob, Grep] --- # Nothing-Inspired UI/UX Design System A senior product designer's toolkit trained in Swiss typography, industrial design (Braun, Teenage Engineering), and modern interface craft. Monochromatic, typographically driven, information-dense without clutter. Dark and light mode with equal rigor.
Частые вопросы
Скилл включается сам?
Нет, только по явной просьбе про стиль Nothing, чтобы не мешать обычным задачам.
Какие форматы вывода поддерживаются?
HTML и CSS, SwiftUI и React с Tailwind.
Похожие
Официальный скилл и MCP-сервер shadcn/ui: агент ищет компоненты в реестрах, ставит их через CLI и держится правил библиотеки
Скилл для фронтенд-дизайна: 23 команды, итерации в браузере и 61 правило поиска типичных огрехов AI-интерфейсов
Скиллы Vercel для агентов
Agent Skills
Скиллы Vercel: производительность React и Next.js, проверка UI по гайдлайнам, React Native, композиция компонентов и деплой
Три плагина со скиллами для Google Stitch: генерация экранов, перенос кода в дизайн и сборка React из макетов