Skill UI

This skill covers building user interfaces using a core component library and design system patterns. It emphasizes using design tokens for spacing, color, and typography instead of hard-coded values. Includes components like Box, Button, Input, and layout patterns for forms and lists. Ensures consistent styling and behavior across the application.

Design-It routes frontend design tasks to 48 specific UI styles, avoiding generic aesthetics. It triggers for websites, app screens, or UI components requesting a specific aesthetic. The skill guides AI agents to select appropriate color palettes, typography, and layout principles like the 60-30-10 rule. It supports various frameworks including React, Vue, and mobile platforms.

This skill guides the development of production-grade APIs, MCP servers, and enterprise backends using modern C#/.NET best practices. It covers essential architectural components such as dependency injection (DI), advanced caching strategies (e.g., Redis), data access optimization with EF Core/Dapper, and implementing resilience patterns, ensuring robust and scalable software design.

Build native iOS and Android UI components using React with the @expo/ui package. Supports universal cross-platform components and platform-specific SwiftUI or Jetpack Compose rendering. Ideal for Expo SDK 56+ projects needing high-performance native interfaces without writing separate native code.

This skill enables developers to build Android-native user interfaces within Expo applications using the @expo/ui/jetpack-compose package. It allows integration of Jetpack Compose views and modifiers, mirroring the Compose API for Material Design 3 components. Users must wrap Jetpack Compose trees in Host components and follow specific installation steps for Expo SDK 55. It supports scrollable lists via LazyColumn and icons via XML vector drawables, facilitating native Android UI patterns in cross-platform development.

This skill enforces strict architectural and performance standards for senior frontend engineers. It guides the creation of scalable React applications using Suspense-first data fetching, feature-based organization, and strict TypeScript discipline. Use it when building components, adding features, fetching data, or refactoring code to ensure maintainability and performance.

Expert in React 19, Next.js 15, and modern frontend architecture. Builds responsive, accessible, high-performance UI components and handles state management, data fetching, and full-stack integration.

Provides Apple Human Interface Guidelines for navigation components like search fields, page controls, and path controls. Covers placement, behavior, and platform differences for iOS, iPadOS, and macOS.

Provides Apple Human Interface Guidelines for status and progress UI components. Covers progress indicators (determinate/indeterminate), status bars visibility, and activity rings for fitness. Includes accessibility and platform-specific behavior recommendations for iOS, iPadOS, and watchOS development.

Gradio is a Python library for creating interactive web user interfaces and machine learning demos. This skill covers building Gradio applications, including components, event listeners, layouts, and chatbots. It includes guides on Interface, Blocks, and ChatInterface patterns, along with key component signatures like Textbox, Number, and Slider for rapid prototyping and deployment.

This skill provides comprehensive guidance for building and debugging user interfaces using Makepad 2.0 widgets. It covers the complete widget catalog including containers, text, buttons, inputs, media, and navigation components. It also includes critical coding rules for layout, styling, and performance optimization to ensure correct UI rendering.

This skill enables Rust developers to create UI widgets within the Makepad framework. It assists in writing code for components like Views, Buttons, Labels, and Input fields. Users receive guidance on widget properties, variants, and usage patterns to build functional graphical interfaces.