Skill UI

Analyzes test coverage gaps by cataloging routes, components, APIs, and existing specs, then builds a coverage matrix, prioritizes missing areas, and recommends follow-up plans or auto-generation for missing tests.

This skill guide details the integration of Jetpack Compose Views and modifiers into Expo applications. It enables developers to build high-fidelity, Android-native UI experiences by mirroring Jetpack Compose and Material Design 3 patterns within the Expo SDK environment. It provides instructions on using core components like Host, LazyColumn, and various modifiers for advanced Android UI construction.

This skill guides developers on using the `@expo/ui/swift-ui` package to integrate native SwiftUI views and modifiers into Expo applications. It is essential for building authentic, platform-specific iOS user interfaces within a cross-platform React Native context, especially when targeting Expo SDK 55. Learn how to wrap SwiftUI trees and embed React Native components.

This skill provides comprehensive guidelines and automated checks for auditing and fixing HTML accessibility violations. It covers critical WCAG areas including proper ARIA labeling, full keyboard navigation support, focus management for modals and dialogs, color contrast adherence, and robust form error handling. Use it when developing any interactive UI component or reviewing existing code for accessibility compliance.

This tool automates the creation of production-ready End-to-End (E2E) tests using the Playwright framework. Users can provide natural language descriptions (like user stories, feature names, or component paths) to automatically generate comprehensive test suites. It follows best practices, including utilizing role-based locators, structuring tests with setup/act/assert phases, and generating supporting files like page objects and fixtures for maintainability.

This assistant is an expert guide for developing user interfaces using the Makepad framework. It helps users write, explain, and troubleshoot code for a comprehensive set of widgets, including containers (View, PortalList), input controls (TextInput, Slider), navigation elements (TabBar, Modal), and media components. It adheres to best practices, providing structured code patterns and detailed usage documentation for building complex, modern UIs.

Guides Odoo Manufacturing configuration with step-by-step instructions for Bills of Materials, work centers, routings, and MRP schedules so you can plan production orders, handle procurement exceptions, and keep components in stock.

A comprehensive guide and set of best practices for designing reusable, production-ready widgets in Makepad. This skill covers advanced UI patterns such as modal overlays, collapsible sections, drag-and-drop functionality, and dynamic text/image toggling, ensuring robust and consistent component architecture.

Utilizes advanced AI to generate, compare, and integrate multiple production-ready, modern, and highly customizable UI component variations. Instead of a single solution, this skill provides multiple design options (e.g., pricing tables, contact forms) with advanced styling like glassmorphism and animations, ensuring the final design is unique and visually stunning. Ideal for front-end developers and designers pushing design boundaries.

This comprehensive guide outlines world-class product design principles, mimicking Apple's standard. It covers building robust design systems, defining essential design tokens (color, typography, spacing, motion), structuring UI components (atoms to organisms), optimizing UX flows, and designing engaging onboarding experiences. Ideal for product designers and PMs needing to establish a cohesive, scalable visual language and improve overall user experience.

This skill provides a comprehensive framework for designing and reviewing native iOS applications. It covers adherence to Apple's Human Interface Guidelines (HIG), ensuring consistency across layout, typography, safe areas, and system components (e.g., Dynamic Island). Use this when building or reviewing SwiftUI/UIKit code to guarantee the app feels intuitive, highly polished, and genuinely native to the Apple ecosystem.

A comprehensive guide for building modern, accessible, and scalable user interfaces using the shadcn/ui component library. This document outlines core principles, best practices for component composition, styling rules (including Tailwind CSS usage), and structured approaches for forms and layouts. Essential for developers building complex design systems and ensuring code consistency.