设计与前端

工业粗野主义 UI 技能

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

48/ 100
谨慎使用

价值存在,但可靠性、证据或控制措施仍有明显缺口。

查看评分依据 ↓
可直接使用于
ChatGPT · Codex · Claude Code · Claude.ai · OpenAI API(部分支持) · Claude API(部分支持)
Star 数
★ 94k
最近更新
4 天前
License
MIT
brutalist-uiindustrial-designswiss-typographycss-grid
+4frontenddesign-systemui-patternstactical-telemetry

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

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

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

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

如何安装这个 Skill?

使用前请注意
  • 发布者身份未经 FollowSkills 企业注册表验证,信任度受限。
  • 技能未提供明确的版本信息或已披露的已知限制,使用前需谨慎。
  • 未提供测试或示例,实际效果需用户自行验证。
  • 技能不依赖海外服务,但未明确说明对中文用户和国内网络环境的兼容性。
开始前你需要
Agent 需要具备
  • 本地文件系统

安装整个集合:运行 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 文件复制到项目中或粘贴到对话中。

通用方式:手动安装到 Claude Code(macOS / Linux)
tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/Leonxlnx/taste-skill.git "$tmp"
mkdir -p ~/.claude/skills
cp -R "$tmp/skills/brutalist-skill" ~/.claude/skills/
rm -rf "$tmp"

根据源仓库地址和 Skill 路径自动生成,只复制这个 Skill 的文件夹。如果上文有作者提供的安装方式,请优先按作者说明操作;想只在当前项目中使用,把 ~/.claude/skills 换成项目里的 .claude/skills。

如何使用这个 Skill?

试试这样说

安装后,把下面任意一句发给 Agent 即可触发:

  • 采用工业粗野主义风格设计此仪表盘

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

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

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

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

与相关 Skills 并排比较;分数均按同一 FSRS 标准得出。

Skill FS 评分 Star 数 最近更新 License
工业粗野主义 UI 技能 本页 48 · 谨慎使用 ★ 94k 4 天前 MIT
极简编辑风UI设计技能 47 · 谨慎使用 ★ 94k 4 天前 MIT
OpenChamber 设置界面模式指南 54 · 谨慎使用 ★ 11k 3 天前 MIT
Superdesign 设计技能 53 · 谨慎使用 ★ 647 1 个月前 MIT
Impeccable 58 · 推荐 ★ 79k 2 天前 Apache-2.0

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

FollowSkills 如何评估这个 Skill?

FollowSkills 评估 · FSRS-2.0
谨慎使用
48/ 100 五分制 2.4 / 5
上游仓库在本次评估后已有新提交;当前评分仍对应所示审查版本,可能尚未覆盖最新改动。
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 中的示例图片文件未提供细节,无实际演示。扣分:证据不足,无法独立验证。

1 2 3 4 5 6

点击维度查看打分理由

评估于 2026年8月7日 审查版本 e988add20dab 评估证据[1][2][3]

证据充分度:低 — 主要依赖静态检查、作者材料或有限演示;适合发现线索,不适合做高风险决策。

查看完整评分方法 →

常见问题

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

同仓库的其他 Skills

均来自 Leonxlnx/taste-skill

相关 Skills