ui AI Agent Skills

native-notification-builder

376

A5c Ai Babysitter Native Notification Builder

Build native OS notifications with actions, images, and progress indicators across platforms

avalonia-ui-setup

376

a5c-ai

Set up Avalonia UI project with cross-platform XAML for Windows, macOS, and Linux

qt-qml-component-generator

376

a5c-ai

Generate QML components with proper property bindings, signal/slot connections, and Qt Quick Controls integration

wpf-xaml-style-generator

376

A5c Ai Babysitter Wpf Xaml Style Generator

Generate XAML styles, templates, and resource dictionaries with theme support for WPF applications

flutter-desktop-config

376

a5c-ai

Configure Flutter for desktop platforms with platform channels and native integrations

swiftui-view-generator

376

a5c-ai

Generate SwiftUI views with proper state management (@State, @Binding, @ObservedObject, @StateObject) and macOS-specific patterns

Snapshot Testing Patterns

71

PramodDutta

Snapshot testing strategies for UI components, API responses, and data structures with update workflows, review patterns, and anti-pattern avoidance.

Component Isolation Testing

71

PramodDutta

Isolating and testing individual UI components with dependency mocking, state injection, and visual snapshot verification.

ui-design-patterns

40

manutej

Common interface patterns, navigation patterns, form patterns, data display patterns, feedback patterns, and accessibility considerations

frontend-design

18

LangConfig

Expert guidance for creating production-grade, distinctive frontend interfaces. Use when designing UIs, choosing aesthetics, or building memorable web experiences.

pyqt6-ui-development-rules

15

oimiragieo

PyQt6 desktop GUI development rules -- signal/slot architecture, QSS theming, QThread concurrency, layout management, and cross-platform rendering. Enforces MVC separation and responsive UI patterns.

design-system-starter

8

ArieGoldkin

Use this skill when creating or evolving design systems for applications. Provides design token structures, component architecture patterns, documentation templates, and accessibility guidelines. Ensures consistent, scalable, and accessible UI design across products.

ui-implementor

7

ydnikolaev

UI Implementor that converts design tokens into Tailwind, shadcn components, and production CSS.

frontend-design

6

Atman36

Create distinctive, production-grade frontend interfaces with exceptional design quality. Use when building web components, pages, or applications that need creative, polished aesthetics.

screenshot-local

2

AntJanus

Use when capturing screenshots of local projects, documenting web app UI, taking screenshots of localhost dev servers, or generating images for READMEs and docs. Use when asked to "screenshot my app", "capture the UI", "take a screenshot of localhost", "generate screenshots for docs", "batch screenshot my pages", or "set up shot-scraper".

shadcn-master

1

fratilanico

Shadcn UI, Radix UI, and Tailwind CSS component patterns for enterprise applications

frontend-design

Capitan-Buzz

Create distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics. Focuses on creative direction and memorable design choices.