visualize is a skill that stops AI-generated HTML looking agent-made — replacing Inter-and-purple-gradient defaults with on-brand, distinctive output.
AIOpen SourceWeb+1
github.comLoading resources…
dominikmartn/nothing-design-skill
github.com
A Claude Code design system skill capturing Nothing's visual language — monochrome, typographic and industrial UI on command.
What is dominikmartn/nothing-design-skill?
Nothing Design Skill packages the design rules its author kept repeating to Claude — Swiss typography, OLED blacks, segmented progress bars, dot-matrix motifs — into a reusable skill for Claude Code. Invoke /nothing-design and it generates UI with a three-layer visual hierarchy of display, body and metadata, a Space Grotesk, Space Mono and Doto font stack, and full dark and light mode tokens. Output ships as HTML/CSS, SwiftUI, or React.
Best for
- Claude Code sessions needing a distinct aesthetic
- Monochrome, industrial UI generation
- Consistent Nothing-style tokens across outputs
Key features
- Triggers via /nothing-design in Claude Code
- Three-layer visual hierarchy system
- Space Grotesk, Space Mono and Doto fonts
- Dark and light mode token system
- Outputs HTML/CSS, SwiftUI or React
Related resources
github.com
An open source supply of generated DESIGN.md style guides for any public domain, shaped from live brand identity and markup via Context.dev.
Design SystemsAIOpen Source
designmd.supply
Visitopens in a new tab
A curated awesome list of 64 AI tools for building beautiful UI and UX, spanning agent skills, apps, MCP servers, design tools and resources.
AIOpen SourceGitHub+2
github.com