Skill UI

Generate production-quality React components and UIs using the specialized Rayden UI component library and Tailwind CSS. This skill ensures that all generated code strictly adheres to a defined design system, including correct component usage, design tokens, prop validation, and established layout patterns. Ideal for scaffolding complex pages like dashboards, login forms, and data tables while maintaining premium aesthetics and consistency.

This skill allows users to build and maintain complex UI components and full screens directly within Figma using the Figma MCP. It rigorously enforces a defined design system (like Rayna UI) by validating design tokens, applying craft rules, detecting anti-patterns, and ensuring visual consistency. Ideal for creating new components, composing entire dashboards or landing pages, or auditing existing files for compliance.

This skill provides a comprehensive toolkit for calculating essential portfolio risk metrics. It includes Value at Risk (VaR), Conditional VaR (CVaR), Sharpe Ratio, Sortino Ratio, and drawdown analysis. It is crucial for measuring overall portfolio risk, implementing risk limits, building sophisticated risk dashboards, and ensuring compliance for regulatory reporting in finance.

A critical discipline for managing expenses when integrating paid AI or inference APIs. This guard treats dollar cost as a third complexity dimension, mandating the definition of cost contracts (max calls per run, max budget per run, max budget per day). It enforces best practices for bounding loops, retries, and fan-out, ensuring that code bugs cannot lead to unexpected overspending. Best practice requires configuring hard caps both in the code and at the provider dashboard for defense in depth.

Guides Sankhya dashboard developers on HTML/JSP/Java patterns, SQL sanitization, BI parameterization, and UI/UX consistency so dashboards load reliably with lazy-loading states and structured queries.

A comprehensive guide for designing futuristic, tactical Heads-Up Displays (HUDs) and user interfaces. This skill provides core principles, visual DNA, and ready-to-implement code snippets for Web (CSS/SVG), App (SwiftUI), and Mobile (Flutter) platforms. Perfect for creating high-tech, sci-fi, or military-themed dashboards, featuring circular radars, minimalist strokes, and technical monospace typography.

This skill generates SmartUI visual regression test configurations for screenshot comparison on TestMu AI cloud. It is framework-agnostic, supporting Playwright, Selenium, Cypress, and Puppeteer. Users can create baselines, compare screenshots, and approve changes via the LambdaTest SmartUI dashboard. Ideal for automated visual testing workflows.

Design and operationalize SRE dashboards that surface reliability, latency, error, saturation, and capacity signals across services. Use for SLO tracking, incident command centers, and standardizing dashboard patterns.