Skills
.Work. You
Rest

cleen-ui-feedback-and-errors

Community

Communicate system state effectively.

Software Engineering#ui#feedback#notifications#errors#loading#toasts#skeletons
Authorshawnlivermore
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill prevents developers from manually creating common UI elements for feedback, loading, and error states, ensuring consistency and leveraging the @cleen/ui library's built-in components.

Core Features & Use Cases

  • Loading Indicators: Use Loader for spinners and Skeletons for content placeholders.
  • Notifications: Display toasts for success, error, warning, or info messages using showNotification.
  • Error Handling: Manage inline field errors with infoLabels and standalone messages with InfoLabels.
  • Status Badges: Visually represent states with PillBadge.
  • Contextual Help: Provide hints with Tooltip.
  • Use Case: When fetching data for a list, use SkeletonWrapper to show SkeletonList while loading, and display a showNotification on error.

Quick Start

Use the cleen-ui-feedback-and-errors skill to display a success notification with the message 'Profile updated successfully'.

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: cleen-ui-feedback-and-errors
Download link: https://github.com/shawnlivermore/cleen-ui-skills/archive/main.zip#cleen-ui-feedback-and-errors

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.