ui-brutalist
SKILL: Industrial Brutalism & Tactical Telemetry UI
1. Skill Meta
Name: Industrial Brutalism & Tactical Telemetry Interface Engineering Description: Advanced proficiency in architecting web interfaces that synthesize mid-century Swiss Typographic design, industrial manufacturing manuals, and retro-futuristic aerospace/military terminal interfaces. This discipline requires absolute mastery over rigid modular grids, extreme typographic scale contrast, purely utilitarian color palettes, and the programmatic simulation of analog degradation (halftones, CRT scanlines, bitmap dithering). The objective is to construct digital environments that project raw functionality, mechanical precision, and high data density, deliberately discarding conventional consumer UI patterns.
2. Visual Archetypes
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.
2.1 Swiss Industrial Print
Derived from 1960s corporate identity systems and heavy machinery blueprints.
- Characteristics: High-contrast light modes (newsprint/off-white substrates). Reliance on monolithic, heavy sans-serif typography. Unforgiving structural grids outlined by visible dividing lines. Aggressive, asymmetric use of negative space punctuated by oversized, viewport-bleeding numerals or letterforms. Heavy use of primary red as an alert/accent color.
2.2 Tactical Telemetry & CRT Terminal
Derived from classified military databases, legacy mainframes, and aerospace Heads-Up Displays (HUDs).
- Characteristics: Dark mode exclusivity. High-density tabular data presentation. Absolute dominance of monospaced typography. Integration of technical framing devices (ASCII brackets, crosshairs). Application of simulated hardware limitations (phosphor glow, scanlines, low bit-depth rendering).
3. Typographic Architecture
Typography is the primary structural and decorative infrastructure. Imagery is secondary. The system demands extreme variance in scale, weight, and spacing.
More from snailuu/skill
git-exclude
将文件/文件夹添加到本地 git 忽略区(.git/info/exclude),不修改 .gitignore 文件。当用户说"忽略文件"、"本地忽略"、"git exclude"、"不提交"、"排除文件"、"添加到忽略"时触发。不适用于:修改 .gitignore、git rm 等通用 git 操作。
9code-review-expert
Expert code review with a senior engineer lens. 当用户说\"代码审查\"、\"review 代码\"、\"code review\"、\"审查变更\"、\"检查代码质量\"时触发。不适用于:编写新代码、修复 bug、重构等开发操作。
8git-commit-gen
根据 git status 和 git diff 自动生成符合规范的中文 commit message,支持 Conventional Commits 格式,包含模块名称。当用户说"生成 commit"、"生成提交信息"、"commit message"、"帮我写 commit"、"提交信息"、"git commit"时触发。不适用于:查看 git log、切换分支、合并冲突等通用 git 操作。
6skill-writer
Claude Code skill 设计和编写助手。仅通过 /skill-writer 命令手动触发,不自动激活。负责分析需求合理性、边界情况、降级兼容处理,最终生成规范的 SKILL.md 文件。
6create-readme
Create a README.md file for the project
3diagram-gen
根据用户描述生成各种类型的图表(时序图、流程图、类图、状态图等),使用 Mermaid 语法,支持保存为文件
2