Skills
.Work. You
Rest

earthnook-ux

Community

Master UX patterns for EarthNook.

Design & Creative#error handling#design system#ux#ui patterns#affordance#empty state#loading state
Authormecolejr
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides clear, actionable guidelines and checklists to ensure consistent, user-friendly, and accessible User Experience (UX) across the EarthNook application, preventing "vanilla" UI and ensuring intentional design decisions.

Core Features & Use Cases

  • Standardized UI States: Defines patterns for empty, loading, and error states with examples and best practices.
  • Affordance & Usability: Offers checklists and heuristics to ensure UI elements are intuitive and interactive.
  • "Anti-Vanilla" Design: Guides developers to avoid default framework/browser UI and adhere to intentional design specifications.
  • Use Case: When designing a new feature's empty state, consult this Skill for guidance on what elements (icon, message, CTA) are required and how to present them effectively.

Quick Start

Review the affordance checklist before implementing any new UI component.

Dependency Matrix

Required Modules

None required

Components

referencesscripts

💻 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: earthnook-ux
Download link: https://github.com/mecolejr/EarthNookApp/archive/main.zip#earthnook-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 223,000+ vetted skills library on demand.