Skill UI

This guide provides comprehensive, structured error handling patterns for modern applications using TypeScript, Python, and general architectural principles. It covers essential concepts like typed custom errors, Result patterns, API error transformers, and React Error Boundaries. Learn how to implement fail-fast mechanisms, differentiate user-facing messages from developer logs, and ensure system resilience against unexpected failures.

This guide addresses the critical difference between standard Node.js SHA3-256 and the Keccak-256 hash function required by Ethereum. Using the wrong hash function can silently corrupt calculated function selectors, event topics, storage slots, and derived addresses. It provides best practices and code examples for using dedicated libraries (like ethers, viem, web3.js) to ensure correct, Ethereum-compliant hashing in JavaScript and TypeScript environments.

A comprehensive guide covering production-level patterns and common pitfalls for using Prisma ORM in TypeScript backends. Learn best practices for schema design, optimizing queries using select/include, managing complex transactions, implementing singleton patterns, and mitigating issues in serverless environments and bulk operations.

A specialized tool designed to detect, suggest, and evaluate Gang of Four (GoF) design patterns within TypeScript and JavaScript codebases. It analyzes code structure, identifies code smells, and provides stack-aware refactoring recommendations, supporting frameworks like React, Angular, NestJS, and Vue.

Adds any Power Platform connector to a Power Apps code app. Works as a generic fallback for connectors not covered by dedicated skills, supporting SharePoint, Teams, Excel, SQL, Azure, and more. Helps identify connections, add data sources, inspect generated TypeScript services, and verify builds.

Adds existing Dataverse tables to Power Apps code apps with generated TypeScript models and services, or creates new Dataverse tables via API. Supports schema planning, dependency ordering, CRUD, and file/image uploads. Use when connecting to Dataverse or querying table data.

Registers Power Automate cloud flows into a Power Pages SPA site by creating cloud-flow-consumer metadata, assigning web roles based on each flow's scenario, and generating typed client-side code to trigger flows with CSRF authentication.

Orchestrates creation of a new Power Apps mobile app from a fresh Expo/React Native/TypeScript template targeting iOS and Android. Handles planning, architecture, Dataverse integration, native capabilities, connectors, navigation, and validation.

This skill generates the complete native source code for a third-party Platform Abstraction Module (PAM) control, including iOS Obj-C, Android Kotlin, required podspecs, and a manifest contract. It bypasses TypeScript layers, focusing purely on the native build surface and the dispatch contract (`manifest.json`). This is used by developers to scaffold the foundational, OS-specific code necessary for integrating custom, native modules into a React Native environment.

This skill creates, updates, and deploys generative pages for Microsoft Power Apps model-driven apps using React, TypeScript, and Fluent UI. It orchestrates specialist agents for planning, entity creation, and code generation. Use it when building pages within existing Power Apps environments, supporting connector discovery and custom API bindings. Not for standalone web apps or canvas apps.

Provides a comprehensive setup for Playwright End-to-End (E2E) testing. This skill automatically analyzes your project structure (framework detection, TypeScript/JavaScript) and generates all necessary files: the core playwright.config.ts, standardized folder structure, initial test examples, and full CI/CD workflows (GitHub Actions/GitLab). It ensures your testing environment is production-ready, supporting modern frameworks like Next.js, React, Vue, and Angular.

This skill generates high-quality, styled code screenshots by calling the ray.tinte.dev API. It allows users to convert raw code snippets into professional PNG images, supporting multiple programming languages (e.g., Python, JavaScript, TypeScript), customizable themes, and various styling parameters like font size and padding. Use this when the user explicitly requests code images, code snippets as pictures, or mentions 'ray' to visualize code.