Skill UI

This tool reviews user interface (UI) code files to ensure compliance with established Web Interface Guidelines and best practices. Use it when auditing design, checking accessibility, or performing general code reviews to meet industry standards and improve overall product quality. It fetches the latest rules and outputs detailed findings.

This skill analyzes the implementation gap by comparing approved feature requirements against the existing codebase, architecture, and context. It helps identify missing capabilities, potential integration challenges, and necessary technical research areas. The output provides multiple viable implementation options and a comprehensive analysis report, guiding the transition from requirements definition to technical design.

Modal is a powerful serverless cloud platform designed specifically for running AI and Machine Learning workloads. It allows users to deploy, serve, and scale complex models (like LLMs) without managing infrastructure. Key features include on-demand access to high-end GPUs (A100, H100), serverless function scaling, persistent storage, and the ability to define entire infrastructure using pure Python code, eliminating the need for separate YAML or Dockerfiles.

PyHealth is a comprehensive Python toolkit designed for building deep-learning pipelines in the clinical and healthcare domains. It supports diverse data modalities, including EHR records, physiological signals, and medical images. The framework follows a stable 5-stage pipeline (Dataset → Task → Model → Trainer → Metrics), enabling users to perform complex tasks like predicting mortality, optimizing drug recommendations, staging sleep, or cross-mapping medical codes (ICD/ATC/RxNorm) on datasets like MIMIC-III/IV and OMOP.

A comprehensive framework designed to structure and automate PyTorch deep learning workflows. It simplifies boilerplate code by organizing models into LightningModules, automating training loops via the Trainer, and providing robust support for multi-GPU/TPU scaling (DDP, FSDP, DeepSpeed), data handling (DataModules), and best-in-class experiment logging (W&B, MLflow). Ideal for professional, scalable deep learning project development.

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 specialized skill automates the process of converting visual designs (from Stitch) into high-quality, modular React and Vite components. It adheres to modern frontend best practices, enforcing logic isolation via custom hooks, data decoupling using mock data files, and ensuring type safety with TypeScript interfaces. The workflow includes automated asset fetching, style mapping (Tailwind), and rigorous validation cycles to produce production-ready, maintainable code.

This guide provides comprehensive troubleshooting for common issues encountered when converting Figma designs to code using the Anima SDK. It covers authentication failures (Figma/Anima tokens), specific node/file lookup errors, code rate limits, and output quality problems, helping developers ensure accurate and robust code generation.

This skill provides actionable strategies and code patterns to significantly reduce Anima API costs. It focuses on optimizing usage through generation caching, detecting component changes for incremental generation, and implementing smart policies to minimize unnecessary API calls. Ideal for managing large-scale design-to-code workflows and controlling API budget.

Leverages the Anima SDK to convert visual designs from Figma into production-ready code across multiple modern frameworks (React, Vue, HTML). It supports clean TypeScript integration and Tailwind CSS styling, making it ideal for developers building automated design-to-code pipelines or rapidly prototyping complex UI components directly from design mockups.

Implements an iterative development workflow using the Anima SDK. This tool allows developers to quickly generate, compare, and preview code outputs from Figma designs across multiple frameworks (React, Vue, HTML/CSS) in a local environment. Ideal for rapid prototyping, cross-framework comparison, and refining design-to-code implementation.

This guide provides a reference architecture for automating the design-to-code workflow. It outlines the complete pipeline—from Figma design input to structured React/Vue output—detailing components like Figma API integration, code generation, and crucial post-processing steps (token mapping, normalization). Ideal for establishing scalable design systems and managing large-scale design handoffs in a professional environment.