[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-75124":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":9,"languages":9,"totalLinesOfCode":9,"stars":10,"forks":11,"watchers":12,"openIssues":13,"contributorsCount":14,"subscribersCount":14,"size":14,"stars1d":15,"stars7d":16,"stars30d":17,"stars90d":14,"forks30d":14,"starsTrendScore":18,"compositeScore":19,"rankGlobal":9,"rankLanguage":9,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":9,"pushedAt":9,"updatedAt":25,"readmeContent":26,"aiSummary":27,"trendingCount":14,"starSnapshotCount":14,"syncStatus":13,"lastSyncTime":28,"discoverSource":29},75124,"nothing-design-skill","dominikmartn\u002Fnothing-design-skill","dominikmartn","A Claude Code skill for generating UI in the Nothing design language. Monochrome, typographic, industrial.",null,2420,146,8,2,0,7,20,135,21,92.5,"MIT License",false,"main",true,[],"2026-06-12 04:01:17","# Nothing Design Skill\n\nA design system skill for [Claude Code](https:\u002F\u002Fclaude.ai\u002Fcode) inspired by Nothing's visual language. Monochrome, typographic, industrial.\n\nI kept describing the same design rules to Claude over and over — Swiss typography, OLED blacks, segmented progress bars, dot-matrix motifs. So I packaged it into a reusable skill.\n\n![Preview](preview.gif)\n\n## What you get\n\nTell Claude `\u002Fnothing-design` or say \"Nothing style\" and it generates UI following these principles:\n\n- Three-layer visual hierarchy (display, body, metadata — that's it)\n- Space Grotesk + Space Mono + Doto font stack\n- Full dark and light mode token system\n- Segmented progress bars, mechanical toggles, instrument-style widgets\n- Output as HTML\u002FCSS, SwiftUI, or React\u002FTailwind\n\n## Install\n\nCopy the `nothing-design` folder into your Claude Code skills directory:\n\n```sh\ngit clone https:\u002F\u002Fgithub.com\u002Fdominikmartn\u002Fnothing-design-skill.git\ncp -r nothing-design-skill\u002Fnothing-design ~\u002F.claude\u002Fskills\u002F\n```\n\nThat's it. Next time you start Claude Code, the skill is available.\n\n## What's inside\n\n| File | |\n|------|---|\n| `SKILL.md` | Design philosophy, craft rules, workflow |\n| `references\u002Ftokens.md` | Colors, fonts, spacing, motion tokens |\n| `references\u002Fcomponents.md` | Buttons, cards, lists, tables, overlays |\n| `references\u002Fplatform-mapping.md` | CSS, SwiftUI, React output mappings |\n\n## License\n\nMIT\n","Nothing Design Skill 是一个为 Claude Code 设计的技能，旨在生成遵循 Nothing 视觉语言的用户界面，具有单色、版式和工业风格。该项目的核心功能包括提供三层次视觉层级、特定字体堆栈（Space Grotesk + Space Mono + Doto）、全暗黑与亮色模式令牌系统以及机械感十足的组件如分段进度条等，并支持输出为 HTML\u002FCSS、SwiftUI 或 React\u002FTailwind 代码。适合需要快速创建一致且符合现代极简主义美学的 UI 设计场景使用。","2026-06-11 03:52:25","high_star"]