UI Patterns skills

Prowler UI Patterns

prowler-cloud

Streamline UI development with Prowler-specific conventions.

Tailwind Design System

calesthio

Create scalable design systems with Tailwind CSS v4.

React UI Patterns

davila7

Implement modern UI patterns for React applications.

COSS UI Particles Index

cosscom

Easily find and implement UI component patterns.

Design system UI patterns for Supabase Studio. Use when building or updating pages, forms, tables, charts, empty states, navigation, cards, alerts, or side panels (sheets). Covers layout selection, component choice, and placement conventions.

Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.

Modern Angular UI patterns for loading states, error handling, and data display. Use when building UI components, handling async data, or managing component states.

VS Code CSS conventions, file organization, class naming, standard sizes, SplitView/Grid layout, scrollable content, responsive layout, and text overflow/ellipsis patterns. Use when writing CSS, building layouts, or fixing text truncation issues.

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.