things-ui-skills

Enforce Things-inspired design constraints for light mode interfaces using Inter font and an 8px grid.

73|9|Updated Jan 25, 2026
One-click install
npx skills add https://github.com/ihlamury/design-skills --skill things-ui-skills
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: things-ui-skills
Source: https://github.com/ihlamury/design-skills/tree/main/skills/things
Command: npx skills add https://github.com/ihlamury/design-skills --skill things-ui-skills

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides opinionated constraints for building interfaces that are visually consistent with the Things app's aesthetic, ensuring a familiar and intuitive user experience.

Core Features & Use Cases

  • Design System Adherence: Enforces the use of Things's specific color palette, typography (Inter font), and spacing (8px grid).
  • Light Mode Focus: Primarily guides the creation of light-mode interfaces.
  • Use Case: When developing a new productivity application that aims for a clean, minimalist, and user-friendly interface, reference these guidelines to ensure it aligns with the established design language of successful apps like Things.

Quick Start

Apply the things-ui-skills to design a light mode interface using the Inter font and an 8px grid.

Frequently Asked Questions about things-ui-skills

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

FAQPage Schema
How do I build a UI design system inspired by the Things app aesthetic?

To build a UI design system inspired by Things, enforce constraints using a light mode color palette, Inter font typography, and an 8px grid for spacing. This ensures brand alignment, minimalist design, and accessibility contrast ratios.

What's the best way to apply an 8px grid system to light mode interfaces?

The best way to apply an 8px grid to light mode interfaces is by using opinionated design constraints that enforce structured layout patterns and specific color palettes. This maintains visual consistency and accessibility contrast ratios.

Can I use this design system approach for minimalist productivity apps?

Yes, you can use this design system approach for minimalist productivity apps. It provides specific visual styles, typography scales, and spacing rules that ensure a clean, user-friendly interface aligned with successful apps like Things.

Does this UI design approach enforce accessibility contrast ratios?

Yes, this UI design approach enforces accessibility contrast ratios. It satisfies requirements for minimalist design and structured layout patterns by applying specific visual styles, color palettes, and typography scales within an 8px grid system.

Why use the Inter font for UI development in light mode?

Use the Inter font for UI development in light mode to ensure typography scale consistency and brand alignment. It pairs with an 8px grid system and specific color palettes to deliver a familiar, intuitive user experience.

What are the limitations of using an opinionated UI design system?

The limitation of this opinionated UI design system is its primary focus on light mode interfaces. It enforces specific visual styles, Inter font typography, and an 8px grid, which may restrict flexibility for dark mode or alternative aesthetic requirements.