设计与前端 brutalist-uiindustrial-designswiss-typographycss-gridfrontenddesign-systemui-patternstactical-telemetry

工业粗野主义 UI 技能

为 AI 代理提供粗野主义与战术遥测界面设计规则,生成原始、机械感强、数据密集的前端界面。

FollowSkills 评估 · FSRS-2.0
不推荐
48/ 100 五分制 2.4 / 5
1 2 3 4 5 6
1信任安全12 / 25 · 2.4/5

该技能主要提供前端 UI 设计指导,不涉及代码执行、网络请求或数据访问,因此未发现恶意行为或权限过度风险。但技能本身未包含明确的用户确认机制或数据流说明,发布者未经 FollowSkills 企业注册表验证,身份未知,可靠性判断仅基于文件本身。因此扣分:缺少对安全边界、确认流程和数据透明度的明确说明。

2可靠稳定7 / 20 · 1.8/5

技能内容为纯文本设计指南,指令自洽,不依赖外部脚本或服务,因此核心使用路径可靠。但未提供测试、示例代码或对异常输入(如模糊需求)的反馈机制,失败反馈不足。静态审查无法执行验证,故扣分:缺乏测试覆盖和错误处理说明。

3适用触发9 / 15 · 3.0/5

技能明确定义了两种视觉范式(Swiss Industrial Print 和 Tactical Telemetry),并列出了适用场景(数据密集型仪表盘、作品集、编辑网站),但未明确声明边界和不适用的场景,如轻量、柔和风格项目。触发条件描述清晰,但环境适配性针对中文用户和国内网络可达性未提及,该技能不依赖海外服务,故扣分:边界和触发条件文档不完全。

4规范维护11 / 15 · 3.7/5

技能遵循标准 SKILL.md 结构,包含元信息、名称和描述,README 提供安装指南、变更日志链接、FAQ 和许可证,维护责任清晰。但缺少版本号或版本控制说明,已知限制未明确列出,示例和技术规格信息不足。扣分:版本信息和已知限制披露不完整。

5有效结果6 / 15 · 2.0/5

技能提供详细的设计指南,能够指导用户创建符合工业野兽派风格的前端界面,但未提供可直接复用的代码模板或输出示例,用户需要根据指南自行实现,因此边际价值有限。扣分:缺乏直接可用的输出或验证证据。

6证据核验3 / 10 · 1.5/5

仅有技能文件和 README,未提供测试、示例或第三方执行证据,无法独立验证其效果。README 中的示例图片文件未提供细节,无实际演示。扣分:证据不足,无法独立验证。

证据充分度: 评估于 2026年8月7日 审查版本 e988add20dab
上游仓库在本次评估后已有新提交;当前评分仍对应所示审查版本,可能尚未覆盖最新改动。
使用前请注意
  • 发布者身份未经 FollowSkills 企业注册表验证,信任度受限。
  • 技能未提供明确的版本信息或已披露的已知限制,使用前需谨慎。
  • 未提供测试或示例,实际效果需用户自行验证。
  • 技能不依赖海外服务,但未明确说明对中文用户和国内网络环境的兼容性。
评估证据 [1][2][3]
查看完整评分方法 →

这个 Skill 能做什么,适合哪些场景?

该技能为 AI 代理提供一套严格的视觉与工程规范,用于构建工业粗野主义风格的用户界面。它融合了瑞士国际主义排版、军用工控终端美学以及模拟的模拟退化效果(如半调、CRT 扫描线)。技能定义了两种明确的视觉原型(瑞士工业印刷与战术遥测),并详细规定了排版层级、色彩系统、网格布局、UI 组件以及后处理效果。它旨在生成具有高数据密度和原始功能感的设计,打破常见的消费级 UI 模式。技能输出的是设计指导,而非可直接运行的代码。

读取设计简报(通常来自用户提示)并输出一套完整的设计指导,包括:选择一种视觉原型(瑞士工业印刷或战术遥测);指定字体选择与排版参数(如宏排版使用 clamp(),微排版使用等宽字体);设置严格的色彩系统(如瑞士风格使用 #F4F4F0 背景和红色强调色);定义网格布局、边框和分区规则;提供 UI 组件(如 ASCII 装饰、工业标记)以及模拟模拟退化效果的 CSS 技术。它还提供工程规范,如使用 CSS Grid 实现 1px 分隔线、语义化 HTML 标签以及避免圆角。

  1. 希望为数据仪表盘创建具有高度原始感和机械感的界面,避免常见 SaaS 风格的开发者。
  2. 希望使用密集、类似终端的设计语言构建投资组合或编辑站点的前端工程师。
  3. 正在为航空航天或军工风格概念验证项目工作,需要统一视觉语言的 AI 编码代理。
  4. 喜欢瑞士国际主义风格和粗野主义设计原则,希望在 AI 辅助项目中保持一致规则的 UI 设计师。
  5. 希望将旧有网页重新设计为暗色、高科技遥测美学的团队。

这个 Skill 有哪些优点和局限?

优点
  • 详细的排版和网格规范,确保一致性
  • 两种独特且定义明确的视觉风格
  • 包含模拟退化效果的具体 CSS 技术
  • 框架无关,可应用于各种前端项目
  • 强调反通用设计,符合反俗套目标
局限
  • 该技能仅提供指导,不提供实际代码实现,要求代理或开发者自行遵循
  • 严格规则可能过度限制,不适合所有项目类型
  • 视觉效果偏向特定小众美学,可能不符合所有品牌或客户需求
  • 未提供测试套件或验证方法,质量依赖代理能力
  • 技能描述未说明是否支持无障碍性考虑,如色彩对比度或可读性

如何安装这个 Skill?

安装整个集合:运行 npx skills add https://github.com/Leonxlnx/taste-skill。要仅安装此技能:运行 npx skills add https://github.com/Leonxlnx/taste-skill --skill "industrial-brutalist-ui"。或者,手动将 skills/brutalist-skill/SKILL.md 文件复制到项目中或粘贴到对话中。

如何使用这个 Skill?

在提示中要求代理遵循该技能,例如:"采用工业粗野主义风格设计此仪表盘"。技能将提供设计方向。它不生成代码,仅提供设计指导。如果需要实际实现,请使用支持基于该设计规则编写代码的编码代理(如 Codex 或 Claude Code)。

这个 Skill 与同类方案有什么区别?

在同一个仓库中,还有其他技能提供替代美学:soft-skill 提供更柔和、更优雅的风格,而 minimalist-skill 提供编辑式、受 Notion 启发的设计。如果粗野主义风格不适合,可考虑这些选项。

常见问题

该技能是否支持浅色和深色模式?
支持,但一次只能选择一种原型:瑞士工业印刷(浅色)或战术遥测(深色)。不允许混合使用。
安装此技能是否需要付费?
不需要,该仓库采用 MIT 许可,可免费使用。
该技能是否可用于任何框架,如 React 或 Vue?
是,规则针对设计意图,不针对特定框架 API,因此可应用于 React、Vue、Svelte 等。
如果代理输出不符合技能规则怎么办?
该技能未包含验证或检查机制。需要人工审阅或依赖代理严格遵守。

同仓库的其他 Skills

均来自 Leonxlnx/taste-skill

相关 Skills