ui-patterns

Official

Reusable UI components for faster development.

AuthorAsync-IO
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a library of pre-built, adaptable UI components and patterns, significantly speeding up the development of user interfaces by offering ready-to-use solutions for common design challenges.

Core Features & Use Cases

  • Component Library: Offers ready-to-use code snippets for various UI elements like forms, tables, modals, and feedback states.
  • Pattern Examples: Demonstrates best practices for common UI scenarios such as dashboards, filter bars, and loading indicators.
  • Use Case: A developer needs to quickly implement a data table with sorting and filtering capabilities. They can copy and adapt the provided "Data Table with Actions" pattern to integrate it seamlessly into their application.

Quick Start

Use the ui-patterns skill to generate a React component for a stats dashboard.

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: ui-patterns
Download link: https://github.com/Async-IO/pierre_mcp_server/archive/main.zip#ui-patterns

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.