Back to categories
Category

Agent Skills in category: ui

274 skills match this category. Browse curated collections and explore related Agent Skills.

css-tailwind

Build with Tailwind CSS utility-first framework - configuration, customization, best practices

tailwind-csscssutility-firstconfiguration
pluginagentmarketplace
pluginagentmarketplace
1

css-fundamentals

CSS fundamentals - selectors, specificity, box model, positioning, units

cssselectorsbox-modelpositioning
pluginagentmarketplace
pluginagentmarketplace
1

css-modern

Use modern CSS features - custom properties, container queries, :has(), @layer, CSS nesting

csscss-variablescontainer-queriescss-nesting
pluginagentmarketplace
pluginagentmarketplace
1

css-animations

Create performant CSS animations, transitions, and motion design

cssanimationstransitionsmotion-design
pluginagentmarketplace
pluginagentmarketplace
1

accessibility

WCAG 2.2 AA compliance, ARIA patterns, screen reader compatibility, and inclusive design patterns

WCAGARIAscreen-reader-compatibilityinclusive-design
pluginagentmarketplace
pluginagentmarketplace
1

forms

HTML5 forms, Constraint Validation API, accessible form patterns, and modern input types

htmlform-validationaccessibilityinput-types
pluginagentmarketplace
pluginagentmarketplace
1

react-native-animations

Master animations - Reanimated 3, Gesture Handler, layout animations, and performance optimization

react-nativeanimationsreanimatedgesture-handler
pluginagentmarketplace
pluginagentmarketplace
1

swift-swiftui

Build modern UIs with SwiftUI - views, state management, animations, navigation

swiftswiftuiiosstate-management
pluginagentmarketplace
pluginagentmarketplace
1

ui-design

Master UI design - visual design, design systems, components, typography, color theory

ui-designdesign-systemstypographycolor-theory
pluginagentmarketplace
pluginagentmarketplace
1

interaction-design

Master interaction design - patterns, micro-interactions, user flows, affordances, feedback

interaction-statesmicrointeractionsuser-flow-analysisaffordances
pluginagentmarketplace
pluginagentmarketplace
1

mobile-ux

Master mobile UX - iOS HIG, Material Design, gestures, responsive design, platform optimization

mobile-devicesiosmaterial3responsive-design
pluginagentmarketplace
pluginagentmarketplace
1

frontend-engineering

Frontend engineering guidance with design-system-first rules and SolidJS component patterns. Use when building UI, styling, or refactoring frontend code.

design-systemsolid-jsfrontendstyling
bout3fiddy
bout3fiddy
0

frontend-components

Frontend component design patterns and CSS techniques. Use for implementing UI components like marquees, carousels, modals, tooltips, and other interactive elements. Covers CSS animations, accessibility, and reusable component patterns.

frontendcsscomponent-patternsaccessibility
bout3fiddy
bout3fiddy
0

swiftui-liquid-glass

Implement, review, or improve SwiftUI features using the iOS 26+ Liquid Glass API. Use when asked to adopt Liquid Glass in new SwiftUI UI, refactor an existing feature to Liquid Glass, or review Liquid Glass usage for correctness, performance, and design alignment.

swiftuiiosliquid-glassperformance-tuning
bout3fiddy
bout3fiddy
0

tailwindcss

Tailwind CSS v4 utility-first styling framework. Use for styling web applications, responsive design, dark mode, custom themes, component patterns, and CSS-first configuration. Covers spacing, colors, typography, flexbox, grid, transitions, and production patterns.

tailwind-csscssresponsive-designdark-mode
bout3fiddy
bout3fiddy
0

swiftui-ui-patterns

Best practices and example-driven guidance for building SwiftUI views and components. Use when creating or refactoring SwiftUI UI, designing tab architecture with TabView, composing screens, or needing component-specific patterns and examples.

swiftuiiosui-componentsexample
bout3fiddy
bout3fiddy
0

ui

XML layouts, ConstraintLayout, Jetpack Compose, Material Design 3.

xmlconstraintlayoutjetpack-composematerial3
pluginagentmarketplace
pluginagentmarketplace
1

custom-plugin-flutter-skill-animations

Production-grade Flutter animations mastery - Implicit and explicit animations, AnimationController, Hero transitions, physics-based motion, Lottie/Rive integration, 60fps optimization with comprehensive code examples

flutteranimationsperformance-optimizationlottie
pluginagentmarketplace
pluginagentmarketplace
1

Page 4 of 16 · 274 results