industrial-brutalist-uiавтор Leonxlnx

Industrial Brutalist UI Skill.

Навык для Claude Code и Codex для UI-дизайна: брутальные интерфейсы, сочетающие швейцарскую типографику с терминальной эстетикой.

Web и UI
UI-код

Скачать OpenDesign Инструкция по использованию

Leonxlnx/taste-skill · skills/brutalist-skill/SKILL.mdSKILL.md

--- name: industrial-brutalist-ui description: Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints. --- ## 1. Skill Meta ## 2. Visual Archetypes ## 3. Typographic Architecture ## 4. Color System ## 5. Layout and Spatial Engineering ## 6. UI Components and Symbology

Вводная часть и заголовки разделов прочитаны из исходного файла 14 сентября 2026 · 8 450 символов полностью

01 Что делает

Что делает skill industrial-brutalist-ui в Claude Code и Codex

Сводка, рабочий процесс и результаты — всё прочитано из SKILL.md этого skill.

Из SKILL.mdПрочитано 14.09.2026 · не запись выполнения

Словами самого skill

Этот skill проектирует веб-интерфейсы, синтезирующие швейцарский типографический дизайн середины века, промышленные технические руководства и ретро-футуристические аэрокосмические/военные терминальные интерфейсы. Он требует абсолютного владения жёсткими модульными сетками, экстремальным контрастом типографических масштабов, сугубо утилитарными цветовыми палитрами и программной симуляцией аналоговой деградации, включая растр, CRT-строки и битмап-дизеринг.

Задача — создавать цифровые среды, транслирующие грубую функциональность, механическую точность и высокую плотность данных, сознательно отказываясь от привычных потребительских паттернов UI. Используется для насыщенных данными дашбордов, портфолио или редакционных сайтов, которым нужно ощущение рассекреченных чертежей.

Что он выдаёт

Веб-интерфейсы с жёсткими модульными сетками, экстремальным контрастом типографической шкалы и утилитарными цветовыми палитрами

Смотрите пример запроса ↗

Как это работает

01
Выберите один визуальный архетип и придерживайтесь его
Выберите либо Swiss Industrial Print (светлые режимы с высоким контрастом и плотной типографикой без засечек), либо Tactical Telemetry & CRT Terminal (тёмный режим с моноширинной типографикой и технической разметкой).
02
Задайте экстремальный контраст типографической шкалы
Разместите макро-типографику в огромном масштабе, используя гибкую типографику с плотным трекингом и сжатым лидингом, исключительно в верхнем регистре.
03
Выберите одну палитру подложки и придерживайтесь её везде
Выберите либо светлый режим с фоном под матовую немаркированную документную бумагу и текстом цвета угольных чернил, либо тёмный режим с фоном выключенного CRT-экрана и текстом белого фосфора.
04
Стройте на основе архитектуры сетки-чертежа
Стройте макеты на строгой CSS Grid, где элементы точно привязаны к трекам сетки и их пересечениям.
05
Применяйте эффекты аналоговой деградации
Симулируйте ограничения физических носителей через полутона и 1-бит дизеринг на изображениях, CRT-сканлайны с помощью повторяющихся линейных градиентов и механические шумовые фильтры, применяемые глобально для единой физической зернистости интерфейса.

02 Определите своё применение

Когда использовать skill industrial-brutalist-ui

Используйте skill industrial-brutalist-ui в Claude Code или Codex, когда задача — дизайн интерфейса такого рода. Назначение и ограничения ниже взяты из собственного файла skill.

Хорошо подходит

Насыщенные данными дашборды, требующие высокой плотности данных и механической точности

Знайте границы

Проекты, требующие привычных потребительских паттернов UI

03 Внутри скилла

Правила, которые skill industrial-brutalist-ui задаёт Claude Code и Codex

5 конкретных инструкций, значений по умолчанию и ограничений, которые SKILL.md задает агенту, — та часть файла, которая меняет результат.

Никаких градиентов или мягких теней
Градиенты, мягкие тени и современная прозрачность строго запрещены — это симулирует физические носители или примитивные излучающие дисплеи.
Параметры макро-типографики
Размещайте макро-типографику исключительно в верхнем регистре с крайне плотным трекингом (-0.03em до -0.06em) и сильно сжатым лидингом (0.85 до 0.95) в огромном масштабе с помощью clamp-функций.
Ограничения микро-типографики
Используйте моноширинные шрифты исключительно в верхнем регистре с фиксированным малым размером (10px–14px) и щедрым трекингом (0.05em–0.1em) для всех метаданных, навигации, идентификаторов юнитов и координат.
Лимит на терминальный зелёный — один элемент
Терминальный зелёный можно использовать только для одного конкретного элемента интерфейса, например единственного индикатора статуса или считывания данных. Если у него нет явной цели — не используйте его вовсе.
Детерминизм сетки для разделительных линий
Используйте display grid с gap 1px и контрастными цветами фона родителя и потомков, чтобы получить математически точные, тончайшие разделительные линии без сложных объявлений border.

04 Применение

Установить industrial-brutalist-ui в Claude Code или Codex

Одна команда npx skills add, затем первая задача в вашем агенте и чек-лист для результата.

Добавьте industrial-brutalist-ui в Claude Code, Codex или ваш агент

Запустите в своём проекте; установщик спросит, какому агенту его добавить.

Terminal

npx skills add https://github.com/Leonxlnx/taste-skill --skill industrial-brutalist-ui

Общая форма CLI-команды skills для skills/brutalist-skill/SKILL.md; репозиторий может документировать собственный путь.

Дайте skill первую задачу по дизайну интерфейса

Написано в терминах самого skill; замените части в квадратных скобках своим материалом.

Starter prompt

Build a tactical telemetry dashboard interface for [SYSTEM NAME] monitoring [DATA TYPE] across [NUMBER] operational units. Use CRT terminal aesthetics with dark substrate, monospaced data readouts, ASCII bracket framing, and simulated scanline degradation. Display real-time metrics in tight grid compartments with aviation red accent for critical alerts. Include crosshair markers at grid intersections and randomized unit IDs.

Источник: составлено по SKILL.md в терминах самого skill.

Проверьте первый результат

Перед принятием результата найдите это в диалоге и файлах:

Результат предоставляется как UI-код, как указывает каталог для этого skill.
Агент называет skill industrial-brutalist-ui в своём плане или транскрипте перед созданием результата.
Ваш собственный контент, имена и числа остаются неизменными в выводе.

В OpenDesign импортируйте industrial-brutalist-ui по ссылке на его SKILL.md: Plugins → Add → Skill → Import from link, затем выберите его в верхней панели.

Скачать OpenDesign Читать quickstart

05 Открытый исходный код, проверяемость

Источник, лицензия и проверка

Откуда взяты факты на этой странице и когда они были последний раз проверены.

Author: Leonxlnx
Repository: github.com/Leonxlnx/taste-skill Ветка main
Файл skill: skills/brutalist-skill/SKILL.md Контрольная сумма содержимого зафиксирована при верификации; коммит ccbc156
License: MIT Из LICENSE.
Звёзды репозитория: 86 946 Снимок GitHub от 2026-09-14 для всего репозитория Leonxlnx/taste-skill, который содержит 11 skills в этом каталоге. Не является рейтингом или счётчиком использования для industrial-brutalist-ui.
Проверено OpenDesign: 2026-09-14 Исходный файл, путь, текст лицензии и количество звезд были проверены. Не входит в основной комплект OpenDesign (проверено 2026-08-28); живой запуск не был записан на этой странице.

Внутри SKILL.md

Мета skill'аОпределяет skill как продвинутое владение синтезом швейцарской типографики и интерфейсов военных терминалов
Визуальные архетипыУстанавливает два различных режима: Swiss Industrial Print (светлый) и Tactical Telemetry & CRT Terminal (тёмный)
Типографическая архитектураОпределяет параметры реализации макро-типографики, микро-типографики и текстурного контраста, включая шрифты, масштаб, трекинг и регистр
Цветовая системаОпределяет бескомпромиссные палитры подложки для светлого и тёмного режимов с акцентом авиационного красного и опциональным терминальным зелёным
Layout и пространственная инженерияПредписывает строгую архитектуру CSS Grid с явным разделением на секции, бимодальной плотностью и геометрией под 90 градусов
UI-компоненты и символикаЗаменяет стандартный UI декором в стиле ASCII-синтаксиса, промышленными маркерами и техническими элементами, такими как перекрестья и предупреждающие полосы
Текстурные и постпроцессинговые эффектыСоздаёт аналоговую деградацию через полутоновое дизеринг, скан-линии CRT и механические шумовые фильтры
Директивы веб-разработкиДаёт конкретные инструкции по реализации детерминированной сетки, семантических HTML-тегов и ограничения типографики (clamp)

Собственное описание skill

«Сырые механические интерфейсы, сплавляющие швейцарскую типографскую печать с эстетикой военных терминалов. Жёсткие сетки, экстремальный контраст в масштабе шрифта, утилитарный цвет, эффекты аналоговой деградации. Для насыщенных данными дашбордов, портфолио или редакционных сайтов, которые должны выглядеть как рассекреченные чертежи.»

Описание из front-matter в SKILL.md. Полный файл содержит около 8450 символов. Читайте полный файл на GitHub.

06 Перед установкой

Вопросы о skill'е industrial-brutalist-ui

Ответы взяты из SKILL.md в редакции от 2026-09-14, а не из записанного запуска.

Какие шрифты использовать для этого стиля?

Для макро-типографики (структурных заголовков) используйте жирные неогротески, такие как Neue Haas Grotesk Black, Inter Extra Bold/Black, Archivo Black, Roboto Flex Heavy или Monument Extended.

Для микро-типографики (данные и телеметрия) используйте моноширинные шрифты, такие как JetBrains Mono, IBM Plex Mono, Space Mono, VT323 или Courier Prime. Контрастные засечные шрифты, такие как Playfair Display, используются умеренно с интенсивной постобработкой.

Industrial Brutalist UI

Запустите industrial-brutalist-ui на реальной задаче по UI-дизайну.

Скачайте OpenDesign, импортируйте industrial-brutalist-ui по ссылке на SKILL.md, вставьте запрос выше и прочитайте план перед результатом.

Загрузить OpenDesign Все навыки

Терминал

npx skills add https://github.com/Leonxlnx/taste-skill --skill industrial-brutalist-ui