skills.rest
dallay
dallayOFFICIAL
Explore all skills by this author →
WebsiteGitHub

nothing-design

Apply Nothing-inspired UI design with typography, spacing, and component tokens.

53|6|Updated Jan 15, 2026
Search Tags:#typography#accessibility#tokens#ui-design#design-system#platform-mapping#nothing-inspired
One-click install
npx skills add https://github.com/dallay/agentsync --skill nothing-design-dallay
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nothing-design
Source: https://github.com/dallay/agentsync/tree/main/.agents/skills/nothing-design
Command: npx skills add https://github.com/dallay/agentsync --skill nothing-design-dallay

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Guides intentional Nothing-inspired UI and design-system work with typography, spacing, hierarchy, components, and platform-specific execution. Use when the user explicitly asks for Nothing style, Nothing design, or /nothing-design, not for generic UI or design tasks.

Core Features & Use Cases

  • Establishes a disciplined design philosophy with subtractive aesthetics, strict three-layer hierarchy, monochrome palette, and data-driven color usage.
  • Provides a complete typography and spacing system (Display, Body, Mono tokens; fixed scale; consistent line height) plus explicit layout principles and responsive guidance.
  • Includes platform mappings and reference materials (HTML/CSS, SwiftUI, React/Tailwind, design-tool outputs) and a library of component definitions, accessibility baselines, and workflow guidance.
  • Use cases include dashboards, control panels, data-dense screens, and documentation where a Nothing style reinforces clarity and precision.

Quick Start

Describe your UI goal and I will output a Nothing-inspired design plan with tokens and mapping.

Frequently Asked Questions about nothing-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I apply a Nothing-inspired UI design to a dashboard?▼

Nothing-inspired UI design enforces a strict three-layer hierarchy and monochrome palette to deliver cohesive dashboards. It provides precise typography and spacing tokens, ensuring data-dense interfaces maintain clarity through subtractive aesthetics.

Does this UI design system provide platform mappings for React and SwiftUI?▼

Yes, the Nothing-inspired UI design system provides explicit platform mappings for React, Tailwind, SwiftUI, and HTML/CSS. This translates design tokens into practical component outputs for web and mobile interfaces.

What typography rules are enforced for Nothing-inspired design systems?▼

Nothing-inspired design systems enforce strict typography rules using Display, Body, and Mono tokens on a fixed scale with consistent line height. This maintains visual consistency across control panels and documentation.

Can I use this minimal design system for data-dense screens?▼

Yes, you can use this minimal design system for data-dense screens. It includes a complete spacing system and accessibility baselines, ensuring complex interfaces remain clear without sacrificing visual precision.

Why use a subtractive aesthetic for control panel UI design?▼

A subtractive aesthetic for control panel UI design reinforces clarity by removing unnecessary visual noise. Using data-driven color usage and strict hierarchy, it guides user attention directly to critical interface information.

Related Skills

Explore More Design & Creative Skills→
AradotsoAradotso
3

nothing-design-system

Generate monochrome UI components with token-based typography, spacing, and theming.

Official
Advanced
chicongstchicongst
2

ui-design

Automates UI design execution by applying tokens, palettes, typography and spacing across frameworks.

Community
Intermediate
CutTheChexxCutTheChexx

brand-builder

Create cohesive brand identities and scalable design systems for web applications.

Community
Advanced
superpollo02superpollo02

shadcn

Generate shadcn/ui-inspired component guidance with token-first rules and WCAG 2.2 AA constraints.

Community
Intermediate