things-ui-skills
CommunityBuild interfaces inspired by Things.
Authorihlamury
Version1.0.0
Installs0
System Documentation
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.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: things-ui-skills Download link: https://github.com/ihlamury/design-skills/archive/main.zip#things-ui-skills Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.