Skills
.Work. You
Rest

cleen-ui-data-display

Community

Render data with @cleen/ui components.

Software Engineering#charts#ui components#kanban#loading states#tables#data display
Authorshawnlivermore
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill prevents the inefficient and error-prone practice of manually creating UI components for displaying data (like tables, grids, charts, or loading states) when the @cleen/ui library already provides robust, purpose-built solutions.

Core Features & Use Cases

  • Tabular Data: Use DataGrid and DataGridWithFilters for dynamic, sortable, searchable tables.
  • Visualizations: Implement charts (Chart, SimpleChart), progress indicators (ProgressBar, ProgressCircle), and status badges (PillBadge).
  • Loading States: Employ Loader and various Skeleton components to provide a smooth user experience during data fetching.
  • Kanban Boards: Utilize KanbanBoard and KanbanList for agile project management views.
  • General Containers: Use Card for organizing distinct data sections or widgets.

Quick Start

Use the cleen-ui-data-display skill to render a list of users in a sortable and searchable table.

Dependency Matrix

Required Modules

None required

Components

references

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

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.