1仕組みと動作原理
憲法レベルの制約としての2大パラダイム二者択一：Swiss Industrial Print（明色の工業印刷）と Tactical Telemetry & CRT Terminal（暗色端末）のいずれか一方を選択して全編で遵守し、混用は厳禁。
skills/brutalist-skill/SKILL.md
The design system operates by merging two distinct but highly compatible visual paradigms. **Pick ONE per project and commit to it. Do not alternate or mix both modes within the same interface.**
Section 2 の Pick-ONE によりスタイルの整合性を固定化。「明色ページの中央に暗色モジュールが唐突に混ざる」といった最もありがちなAI生成ミスを防ぎます。これは redesign-skill 監査における「Random dark sections in a light mode page」問題と鏡像関係にあります。
3系統のフォント構造（§3）：マクロ見出しには太字 sans ＋ 負のトラッキングと圧縮された行高、データテレメトリには等幅小文字 ＋ 広トラッキングの全大文字、装飾セリフ体は極小量の「断片化された」テキストのみに限定。
skills/brutalist-skill/SKILL.md
* **Optimal Web Fonts:** Neue Haas Grotesk (Black), Inter (Extra Bold/Black), Archivo Black, Roboto Flex (Heavy), Monument Extended.
本ファミリの他スキルとは異なり、Inter がマクロフォントの候補として挙げられています。これはファミリの禁止令が「デフォルト感のある安易な使用」を禁じているのであり、フォント自体を排斥しているわけではないことを示します。マクロ／ミクロタイポは clamp による流動的サイズと tracking パラメータで担保されます（§3.1/§3.2）。
「媒体シミュレーション」として定義された配色：グラデーション、ソフトシャドウ、現代的な半透明表現を禁止。単一の基板（紙の質感の明色またはCRTの暗色）上で単一の赤をメインアクセントとし、端末グリーンは単一UI要素のみに限定。
skills/brutalist-skill/SKILL.md
The color architecture is uncompromising. Gradients, soft drop shadows, and modern translucency are strictly prohibited. Colors simulate physical media or primitive emissive displays.
§4 では2系統の完全な基板カラーパレット（紙質感の #F4F4F0/#EAE8E3 対 CRTの #0A0A0A/#121212、暗色では純粋な #000000 を禁止）を提供。赤（#E61919/#FF2A2A）は唯一のアクセントであり、#4AF626 端末グリーンは厳格に制限され、ファミリの他メンバーよりも徹底した色彩節約の規律を敷いています。
エンジニアリングとしてのレイアウト：CSS Grid によるアンカー固定、可視化された境界線、二態の密度（極限のデータ密度 ↔ 巨大な余白）、厳格な直角（90度）。
skills/brutalist-skill/SKILL.md
* **Geometry:** Absolute rejection of `border-radius`. All corners must be exactly 90 degrees to enforce mechanical rigidity.
「border-radius の完全禁止」はブルータリズムデザインにおいて最も機械判定しやすい規則の1つです。さらに §5 では要素を「グリッドトラックと交差点に精密に固定（anchored precisely to grid tracks and intersections）」することを求めています。
記号体系の工業化：ASCII 罫線／方向記号、構造的幾何学要素としての登録商標記号（®©™）、クロスヘア／バーコード／ランダムなシリアル番号文字列により「マシンが稼働している」感覚を演出。
skills/brutalist-skill/SKILL.md
* **Syntax Decoration:** Utilization of ASCII characters to frame data points.
§6 ではフレーミングのテンプレート（`[ DELIVERY SYSTEMS ]`、`< RE-IND >`、`>>>`/`///`/`\\`）や、REV 2.6 / UNIT / D-01 といった文字列の具体例を提示しています。
CSS/SVG のみで実装するアナログ劣化の質感：ハーフトーン／1-bit ディザリング、CRT 走査線の repeating-linear-gradient、全域の低不透明度ノイズなど、画像アセットに依存せずフロントエンドコードのみで描画。
skills/brutalist-skill/SKILL.md
* **CRT Scanlines:** For terminal interfaces, applying a `repeating-linear-gradient` to the background to simulate horizontal electron beam sweeps
§7 の実装アプローチにより、画像アセットを一切使わずに「レトロハードウェア感」を再現可能。ノイズは固定レイヤーかつ低不透明度で配置するよう指定され、ファミリのパフォーマンス規律に準拠しています。
§8 の4つのエンジニアリング指示による収束：gap:1px グリッド極細線テクニック、セマンティック DOM（data/samp/kbd/output/dl）、clamp() によるマクロフォントのスケーリング。
skills/brutalist-skill/SKILL.md
1. **Grid Determinism:** Utilize `display: grid; gap: 1px;` with contrasting parent/child background colors to generate mathematically perfect, razor-thin dividing lines without complex border declarations.
gap:1px と下地色のコントラストを組み合わせた「完璧な細線」を描く著名な CSS テクニックが明示的なルールとして記載されています。ドキュメント全体を通してスクリプトや外部リソースの呼び出しは一切ありません。
2コア機能
012大ビジュアル言語セレクター：Swiss Industrial Print / Tactical Telemetry & CRT（排他的に1つを選択して遵守）
02マクロ／ミクロタイポグラフィ体系：負のトラッキングによる圧縮巨大フォント（clamp による流動制御）＋ 等幅データフォントの全大文字・広トラッキング
03単一基板カラーパレットの規律：紙質感の明色またはCRT暗色の二者択一、単一のアビエーションレッドのアクセント、極所的に制限された端末グリーン
04エンジニアリング・レイアウト：Grid による固定配置、可視化された区分線、厳格な直角（90度）、極端な二態密度
05CSS/SVG によるアナログ劣化テクスチャ：ハーフトーンディザ、CRT 走査線、メカニカルノイズ
06セマンティック DOM と工業記号（ASCII 枠線、登録商標記号、照準マーク、シリアル番号文字列）
3外部依存関係
| Kind | Dependency / Endpoint |
|---|---|
| package | 字体栈建议：Neue Haas Grotesk / Archivo Black / Monument Extended / JetBrains Mono / VT323 等 |
4推奨統制措置と判定根拠
安全運用のための推奨統制措置
Agent 向け
自動ロード可能
管理者向け
ソースとバージョンの記録
判定根拠（ファイルパスと抜粋）
- SKILL.md: プロンプト指示およびルール定義テキストのみで構成され、スクリプト実行や外部への副作用は皆無
監査ノート： （証拠：ディレクトリ内は SKILL.md 単一ファイルのみであることを git ls-files で確認済み。トークンスキャンヒットはゼロであり、'fs.' のヒットは 'sans-serifs.' という単語の誤検知）。スキル単位でのスクリプト実行、外部ネットワーク送信、認証情報へのアクセス、ローカル読み書きは一切ありません。CSS/SVG の質感表現は提供されるコードスニペットであり、スキルの実行成果物ではありません。留意点としては、フォント選定の推奨事項が生成コード内で外部フォント読み込みを誘発する可能性や、絶対化されたスタイル制約がユーザー要望と衝突した際の調停メカニズムが存在しない点のみであり、これらは純粋に対話／生成層のスコープです。
5二重目の独立検証
- [ok] 目录资产面（含隐藏/未跟踪文件） — git ls-files + ls -A 双查：该 skill 目录仅 1 个文件 SKILL.md，无 scripts/references/模板/数据/隐藏文件，无可执行代码。
- [ok] 执行类 token 扫描 — 逐文件扫描 bash/exec/child_process/curl/wget/fetch/axios/process.env/API_KEY/.env/fs./writeFile/.github 等零命中（brutalist 一处 'sans-serifs.' 单词结尾 fs. 为误报，人工复核排除）。
- [ok] 引文逐条 grep -F 字节复核 — 本 JSON 所用全部 quote 均以 grep -F 在 pin commit 工作树中逐条验证存在，无 paraphrase 冒充。
- [ok] 元数据与 pin 核对 — 本地 git HEAD == 任务 pin ccbc15639c97057cbfcf32ecebc38ef716e4bb37（README 显示该提交为 docs/sponsor 修订 #102，2026-08-24）；GitHub API 实查 stars=85698、MIT、pushed_at=2026-08-24T15:23:56Z。frontmatter name 与任务给定名一致。
- [ok] 功能声明 vs 实际能力夸大检查 — description 声称均由 SKILL.md 正文纯 prompt 机制兑现，无脚本可调用、无越界承诺（详见本文件 how_it_works 引文）。
- [ok] 家族矛盾点：Inter 在其它成员被禁、此处被列为主字体 — §3.1 原文将 Inter (Extra Bold/Black) 列入 Optimal Web Fonts，且上下文要求负字距压缩大写——与 soft/minimalist 的『禁 Inter 默认用法』不冲突：禁令针对默认感，此处为 Black 字重风格化使用。已在 traits 中如实记录该家族内差异。
- [ok] 『Never mix light and dark substrates』与 §2 Pick-ONE 是否一致 — §4 CRITICAL 行与 §2 双重声明（'Never mix light and dark substrates within the same interface.'），两处互证，无矛盾。
- [ok] 红色『ONLY accent』与 terminal green 是否冲突 — §4 明示 #4AF626 仅限单一 UI 元素且『If it doesn't serve a clear purpose, omit it entirely』，受限例外被显式声明，非矛盾。
6結論
最適な用途： 「インダストリアル・ブルータリズム／戦術テレメトリ」のトーンを明確に目指すUIに最適：データ高密度のダッシュボード、監視・運用ターミナル風UI、ポートフォリオ、エディトリアル／アーカイブ系サイト（機密解除された設計図の質感）。また、カスタムフォントをサポートする実行環境のグリーンフィールドな React / Tailwind / HTML プロジェクトにも適しています。
不向きな用途： ソフトまたは高価格帯のブランドマーケティングページ（soft-skill が適切）、ミニマリスト向けワークスペース（minimalist-ui）、一般消費者向けプロダクトには不向き。角丸なし／全大文字／単一の赤という制約を受け入れられないエンタープライズのブランド要件には適しません。既存コードベースの段階的なリファクタリングにも不向きです（redesign-existing-projects を使用してください）。
Install Agent-Ready
① Verified Mirror 2026-09-09
Option A · Direct DownloadDownload industrial-brutalist-ui.tar.gz
sha256:
Option B · Copy Guide for Agent5e11235d90ac1192…Agent はこの JSON ガイドから自動的にダウンロードして検証します。
② Upstream GitHub
GitHub Repo ↗
Pinned to commit 3cca18b368.