SuperAPI AI 工具集

nothing-design-system-skill

设计与创作

查看项目

更新于 10-15 23:40

技能介绍

用途:这是一个 Claude Code 技能,用于按 Nothing 的视觉语言生成 UI 组件,风格为单色、排版驱动、工业感,包含瑞士排版、OLED 纯黑、分段进度条和点阵图案。

主要能力:提供完整设计系统约束,包括三层视觉层级(Display、Body、Metadata)、单色配色(纯黑 #000000、纯白、受控灰阶、红色强调)、字体栈(Space Grotesk 用于展示、Space Mono 用于等宽、Doto 用于点阵)、机械式组件(分段进度条、工业开关、仪表式控件),并支持多平台输出:HTML/CSS、SwiftUI、React/Tailwind。

使用方式:克隆仓库后复制到 Claude Code 技能目录: git clone https://github.com/dominikmartn/nothing-design-skill.git cp -r nothing-design-skill/nothing-design ~/.claude/skills/ 重启 Claude Code 加载技能,输入 /nothing-design 验证安装。也可用自然语言触发,如“Create a nothing-style dashboard”“Generate a progress bar in nothing design”。

适用场景:需要生成 Nothing 风格界面、仪表盘、状态卡片、数据表格、开关与进度条等工业风 UI 时使用。

限制:资料未提供收费、价格、平台兼容性、效果保证等信息;字体需自行引入 Google Fonts,OLED 纯黑需确保根背景为 #000000,组件应保持零圆角。缺失事实暂未提供。