Skill UI

A comprehensive guide and workflow tool for converting high-fidelity visual designs from Stitch into production-grade, component-based dashboards. Targets the modern stack including React 18, Vite, TypeScript, and TanStack Query. It integrates design tokens from DESIGN.md for styling consistency, supports complex data visualization, and includes patterns for Web3 integration (ethers/viem) for reading on-chain data.

This skill analyzes code for language and framework-specific security best practices. It is designed to help users write secure-by-default code, passively detect major vulnerabilities, or generate comprehensive, prioritized vulnerability reports. Supports languages including Python, JavaScript/TypeScript, and Go, ensuring robust security standards throughout the development lifecycle.

Automates the conversion of visual designs from Stitch into high-quality, modular React and Vite components. This skill ensures strict adherence to modern architectural standards, including logic isolation via custom hooks, data decoupling, and robust type safety using TypeScript. It manages complex workflows like network fetching, style guide synchronization, and multi-phase validation to generate production-ready frontend code.

A comprehensive guide for developing full-featured VS Code extensions from scratch or converting existing web applications (JS/React/Vue). Learn to implement custom commands, complex webviews, hierarchical tree views, custom editors, and integrate advanced features like AI agents using file-bridge IPC. Supports modern build stacks including TypeScript, esbuild, and Vite.

Cross-references C# Web API controllers, DTOs and routes against their TypeScript/JavaScript consumers to detect contract drift in both directions before merge, catching renamed or removed JSON keys, new required parameters, and unhandled status codes.

This skill generates client SDK code, API wrapper libraries, and request/response models for any REST API. It supports multiple programming languages like Python and TypeScript, providing structured patterns for authentication, error handling, and pagination. Ideal for developers needing to integrate third-party APIs quickly with production-ready code structures.

Create, modify, debug and deploy Apify Actors with the apify CLI. Covers template selection in JS/TS/Python, input/output schemas, runtime logic, local testing, secrets handling and secure deployment.

This skill generates output schema files (dataset_schema.json, output_schema.json, key_value_store_schema.json) for Apify Actors by analyzing source code. It ensures consistency with repository conventions, derives types from TypeScript or Python definitions, and anonymizes examples. Use it when creating or updating Actor output schemas to define how results are displayed in the Apify Console.

This skill enables Real User Monitoring (RUM) for browser and web applications using the Application Insights JavaScript SDK. It tracks page views, clicks, AJAX dependencies, exceptions, and custom events. Supports React, Angular, and React Native instrumentation. Includes GenAI agent traces with backend correlation. Ideal for frontend performance and error tracking in TypeScript projects.

Guide for building AWS cloud infrastructure with the Cloud Development Kit (CDK) in TypeScript or Python. Covers stack and construct design, Lambda bundling, resource naming, cdk-nag validation, and pre-deployment checks.

Analyze text and images for harmful content using Azure AI Content Safety REST SDK for TypeScript, with customizable blocklists and severity levels.

Extract text, tables, and structured data from documents using Azure AI Document Intelligence models. Supports prebuilt models for invoices, receipts, and IDs, plus custom model building. Works with TypeScript REST SDK for local files or URLs.