Skill UI

This comprehensive guide covers essential operations for handling PDF documents, including text, table, and metadata extraction using libraries like pdfplumber. It details document creation with reportlab, merging/splitting with pypdf/qpdf, and advanced OCR for scanned PDFs. Ideal for automating complex document workflows and structured data ingestion.

This guide provides best practices for building flexible, maintainable, and scalable React components. It emphasizes using composition patterns and compound components to avoid 'boolean prop proliferation,' while also detailing advanced concepts in component architecture, state management, and modern implementation techniques (including React 19 APIs). Ideal for refactoring complex systems or designing reusable component libraries.

This toolkit provides deterministic, programmatic capabilities for working with PDF documents. Users can extract structured data like text and tables, merge multiple PDFs, split documents by page ranges, fill out PDF form fields using JSON data, or generate entirely new PDFs from scratch using libraries like ReportLab. It is designed for explicit, byte-level operations, making it ideal for automation workflows that require precise document manipulation.

This guide details the process of creating advanced, static visualizations in Power BI using Python libraries like matplotlib and seaborn. It covers the full workflow, from script writing and data injection to best practices and limitations, enabling users to render complex, custom charts not supported by native Power BI visuals.

A comprehensive guide for generating dynamic, inline SVG graphics (such as sparklines, gauges, and charts) within Power BI reports using DAX measures. This technique allows developers to embed complex visualizations directly into standard visuals (Table, Card, Matrix) by having the DAX function return an SVG markup string. Best practices emphasize prioritizing existing User Defined Function (UDF) libraries (e.g., IBCS, DaxLib.SVG) over writing custom DAX code.

This skill provides a comprehensive, structured audit of any design system. It assesses component coverage gaps against production UI, monitors design token consistency (color, spacing, typography), evaluates documentation quality, and checks for accessibility compliance. The output includes an overall health score and a prioritized remediation roadmap, making it essential for design leadership and engineering teams maintaining shared component libraries.

This skill performs a comprehensive audit of Figma component libraries. It checks for naming inconsistencies, component coverage gaps, variant completeness, and overall design system health. The output provides a structured report with prioritized issues, actionable naming conventions, and a step-by-step fix plan, ensuring design consistency across products.

This skill generates complete, production-grade client SDKs and API wrapper libraries for any REST API, regardless of the language (Python, TypeScript, etc.). It handles boilerplate code like authentication, retry logic (exponential backoff), data modeling, and structured resource management, saving significant development time. Use it whenever you need to consume a REST API via code.

Use @expo/ui to build high-fidelity, native user interfaces across iOS and Android from a single React codebase. This library renders real native UI components, such as SwiftUI on iOS and Jetpack Compose on Android. It promotes a universal component layer for cross-platform consistency, while also providing controlled access to platform-specific optimizations and drop-in replacements for existing community libraries.

Utilizes Expo DOM components to render web code verbatim inside a webview on native platforms, while maintaining native rendering on the web. This enables developers to integrate web-only libraries (such as charting tools, syntax highlighters, or complex CSS layouts) and incrementally migrate existing web components into a React Native application without substantial rewriting.

This skill fetches the latest, live documentation and code examples for specific libraries and frameworks (e.g., Next.js, React, Prisma). Instead of relying on static or outdated training data, it utilizes the Context7 MCP to provide accurate, up-to-date answers for setup questions, API references, and code generation based on current best practices.

Flox is a declarative, Nix-based environment manager designed to create perfectly reproducible development environments. It handles system-level dependencies (like compilers, databases, and native libraries) and ensures that complex toolchains across multiple languages (Python, Node.js, Go, etc.) function identically across macOS and Linux. Ideal for solving 'works on my machine' issues and onboarding new team members instantly.