Skills
.Work. You
Rest

ui-consumer

Official

Master @toolr/ui-design components.

Software Engineering#react#design system#component library#frontend development#ui-design#css tokens
Authortwiced-technology-gmbh
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill ensures that developers correctly implement and utilize the @toolr/ui-design components, tokens, and patterns, preventing styling inconsistencies and ensuring adherence to the design system's standards.

Core Features & Use Cases

  • Component Usage Guidance: Provides clear instructions on how to import and use various UI components.
  • Convention Enforcement: Details critical conventions like onChange handlers, cn() for class composition, and proper tooltip usage.
  • Design Token Application: Explains how to leverage semantic CSS custom properties for consistent styling.
  • Use Case: When building a new feature that requires a form, this skill guides you to use the Select component instead of a native HTML <select> element and demonstrates the correct onChange handler signature.

Quick Start

Use the ui-consumer skill to understand how to import and use the IconButton component with a string icon name.

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: ui-consumer
Download link: https://github.com/twiced-technology-gmbh/seedr/archive/main.zip#ui-consumer

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.