nothing-design-skill
UI generation skill with Nothing design language, designed for Claude Code.
- Type
- Agent Skill
- Open source
- Yes
- GitHub Stars
- ★ 2.6k
- Source
- skill-github
Overview
This is a skill designed for Claude Code to generate UIs following the Nothing design language, characterized by monochrome aesthetics, typography, and industrial style. Using this skill, users can instruct Claude to generate UIs adhering to these principles and output them as HTML/CSS, SwiftUI, or React/Tailwind code. Installation involves copying the `nothing-design` folder into Claude Code's skills directory.
Capabilities
- ▪Generate monochrome, typographic, and industrial-style UIs
- ▪Support three-tier visual hierarchy
- ▪Provide Space Grotesk + Space Mono + Doto font stack
- ▪Support full dark mode and light mode
- ▪Generate segmented progress bars, mechanical toggle switches, and instrument-style widgets
- ▪Output as HTML/CSS, SwiftUI, or React/Tailwind
Use cases
Setup
git clone https://github.com/dominikmartn/nothing-design-skill.git && cp -r nothing-design-skill/nothing-design ~/.claude/skills/
This information was compiled by AI from public sources and may contain inaccuracies — please refer to the source.
FAQ
How do I install this skill?
Clone the repository and copy the `nothing-design` folder into Claude Code's skills directory.
What output formats are supported?
Supports HTML/CSS, SwiftUI, and React/Tailwind output.
Related skills
material-3-skill
Material Design 3 skills, supporting over 30 components, design tokens, themes, and responsive layouts.
xhs-visual-director-skill
Visual director for Xiaohongshu image and text planning, offering multi-page structure and visual solutions.
drawio-skill
Generate draw.io diagrams from natural language, supporting multiple presets and export formats.
ui-ux-pro-max-skill-cn
Professional-grade UI/UX design intelligence for AI coding assistants.
logo-generator-skill
Professional SVG logo generator with multiple design variants and presentation backgrounds.
claude-skill-aso-appstore-screenshots
Generate high-quality App Store screenshots to boost app download rates.