Skills
.Work. You
Rest

conventions-ux

Official

Unify UI design with clear UX conventions.

Design & Creative#usability#ui-design#ux#micro-interactions#visual-consistency#brand-identity#icon-semantics
Authorstella
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Apply when building or modifying user-facing UI components to ensure brand-consistent visuals and intuitive interactions.

Core Features & Use Cases

  • Brand & Visual Identity guidelines: align with Stella's brand colors, typography, and visual motifs to maintain a cohesive look across products.
  • Interaction and noise management: define micro-interactions, state transitions, and reduce visual noise for a smoother user experience.
  • Icon semantics and semantic tokens: use meaningful icons and semantic tokens (e.g., bg-muted, text-foreground, border) instead of raw color values to improve accessibility and theming.
  • Consistent design reviews: provide a reference during design reviews to speed decision-making and uphold quality.

Quick Start

Start by applying these conventions when designing or updating a UI component to ensure brand-aligned visuals and interactions.

Dependency Matrix

Required Modules

None required

Components

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: conventions-ux
Download link: https://github.com/stella/stella/archive/main.zip#conventions-ux

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.