瑞士国际主义设计风格

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

瑞士国际主义(Swiss Style / International Typographic Style)设计风格助手。提供瑞士风格设计方法论:严格数学网格系统(单栏/多栏/模块化)、无衬线字体排版(Helvetica/Univers)、不对称布局、功能导向极简色彩(黑白+单个强调色)、客观摄影、信息层级构建。适用场景:企业品牌VI、编辑排版设计、网页UI设计、导视系统、信息图表、学术出版物。触发词:瑞士风格、swiss design、国际主义排版、网格系统设计、Helvetica、信息设计。

一句话选型结论

按资料字段整理

瑞士国际主义设计风格是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_442551c3/swiss-style-design-600029
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_442551c3仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验2026-11-06上游最后核验时间 · 数据更新 2026-11-06
正文体量5.4 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
瑞士国际主义设计风格当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

5.4 KB
模型实际读到的说明书原文,来自技能仓库

瑞士国际主义设计风格(swiss-style-design-600029)

核心目标

本Skill为AI设计助手提供瑞士国际主义设计风格的完整方法论,包括风格哲学、配色体系、排版规范、构图技法与质量检查清单。当用户需要生成符合该风格的视觉设计时,AI将严格遵循本Skill定义的规则与约束。

设计哲学

> Form follows function. 设计是信息的仆人,一切元素服务于清晰、客观的传达。

配色体系

base:黑 #000000 / 白 #FFFFFF ——确保最大文字对比度

primary_accent:红 #CC0000 / 蓝 #00529B / 黄 #FFCC00(三选一)

secondary:灰度阶梯 #333, #666, #999, #CCC 用于辅助信息层级

用色规则:一个设计最多使用一种强调色,黑白灰承担90%的视觉任务,强调色仅用于最关键的信息点

排版规范

primary_fonts:Helvetica / Helvetica Neue / Univers / Akzidenz-Grotesk / Frutiger

style:左对齐/右参差(ragged-right),绝对避免两端对齐造成的字距不均

rules:全大写仅用于极短标题,正文严禁全大写;通过字重变化(Light/Regular/Bold)建立层级

hierarchy:以字号>字重>颜色的优先级建立信息层级,最小字号需保证可读性

构图技法

grid_system:核心——严格的数学化网格系统

grid_types:
- 单栏网格(手稿网格)
- 多栏网格(2/3/4栏)
- 模块化网格(行列矩阵)
- 基线网格

asymmetry:在网格框架内追求不对称的动态平衡,元素沿网格线错落排布

negative_space:大面积留白赋予元素呼吸空间,留白是主动的设计工具

image_alignment:所有图像严格按网格定位,尺寸为网格单位的整数倍

视觉元素库

photography:高对比度黑白摄影,客观呈现现实,不使用插画

geometric_shapes:极简几何图形仅用于功能性指示(箭头/分隔线),不做装饰

rules_lines:细线(hairline rules)用于分隔信息区域

data_visualization:清晰的功能性图表,无装饰元素

设计工作流

  1. 分析信息结构:列出所有信息元素并确定优先级

  2. 建立网格系统:根据内容类型选择最适合的网格(杂志用多栏、数据用模块化)

  3. 应用排版层级:使用Helvetica/Univers家族,通过大小和字重建立清晰层级

  4. 摄影处理:选择或编辑为高对比度黑白照片

  5. 不对称布局:在网格框架内通过偏移创造动态平衡

  6. 色彩收束:仅保留一种强调色,其余回归黑白灰

质量检查清单

  1. 所有元素是否严格对齐网格?
  2. 是否使用了正确的无衬线字体(Helvetica/Univers)?
  3. 左对齐/右参差排版是否正确应用?
  4. 强调色是否仅一种?
  5. 信息层级是否清晰(不依赖颜色区分)?
  6. 图像是否客观且高对比度?

输入规则

  • 接受用户的视觉设计需求描述(如品牌、场景、目标受众、内容类型)
  • 可接受参考图片或设计方向关键词
  • 本Skill为方法论指导型,输出为设计规范描述和可执行的视觉指令

输出格式

  1. 配色方案:指定HEX色值和色彩占比
  2. 字体推荐:给出具体字体名称和字重选择
  3. 构图建议:描述布局结构和对齐方式
  4. 视觉元素:列出应使用的视觉组件
  5. 技术参数:如有特殊效果(阴影/渐变/纹理),给出CSS或设计参数

适用场景

瑞士国际主义(Swiss Style / International Typographic Style)设计风格助手。提供瑞士风格设计方法论:严格数学网格系统(单栏/多栏/模块化)、无衬线字体排版(Helvetica/Univers)、不对称布局、功能导向极简色彩(黑白+单个强调色)、客观摄影、信息层级构建。适用场景:企业品牌VI、编辑排版设计、网页UI设计、导视系统、信息图表、学术出版物。触发词:瑞士风格、swiss design、国际主义排版、网格系统设计、Helvetica、信息设计。

约束与限制

  • 本Skill为纯方法论指导,不包含任何外部API调用
  • 输出内容需遵循对应设计风格的严格规则
  • 不得建议使用版权保护的商业字体(可给出开源替代)
  • 生成的设计建议需标注风格来源

常见问题

5 问
答案由本站依据条目字段整理
瑞士国际主义设计风格怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_442551c3/swiss-style-design-600029。安装方式为未标注。装完刷新技能列表或重开客户端。

瑞士国际主义设计风格支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

瑞士国际主义设计风格权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

瑞士国际主义设计风格收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

瑞士国际主义设计风格用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 2026-11-06。