SuperAPI AI 工具集

nothing-design-ui-skill

设计与创作

查看项目

更新于 10-15 23:56

技能介绍

用途:该技能让 AI 代理按 Nothing 的设计语言生成 UI 组件,强调单色美学、瑞士排版、工业精密感与 OLED 优化对比度。

主要能力:三层视觉层级(Display、Body、Metadata);单色基础色板(OLED 黑 #000000、纯白 #FFFFFF 及精确灰阶,含红色强调 #FF0000);排版优先,使用 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 加载技能。请求时可指定格式(HTML/CSS 默认、React/Tailwind、SwiftUI)与配置项(深色/浅色模式、点阵字体、紧凑/舒适密度、红色强调)。

适用场景:生成设置面板、仪表盘卡片、表单、数据表格等 Nothing 风格界面。

限制:字体需自行引入或自托管,Doto 可能需替代方案;资料未提供收费、价格与效果保证等信息。