Skill UI

This guide provides production-ready patterns for automating TechSmith tools using PowerShell and COM API. It features a Snagit COM API factory pattern for consistent screen capture and a batch rendering function for Camtasia. Use these patterns to build robust, automated content pipelines for screen recording and professional video production.

A comprehensive guide and workflow for deploying static websites (e.g., Vue, React, Angular, Hugo, Jekyll) from a local environment to a production server using VSCode SFTP. This skill covers setting up secure SFTP connections, generating production-ready Nginx configurations (including security headers, caching, and HTTPS redirects), and providing a complete deployment checklist for smooth CI/CD-like workflows.

A comprehensive guide to implementing production-ready patterns for the Webflow SDK. Covers essential architectural patterns such as singleton client management, robust typed error handling (including specific HTTP status codes like 401, 403, 429), efficient pagination helpers, rate limit monitoring via raw response access, and multi-tenant client factory setup. Essential for building scalable, enterprise-grade Webflow integrations.

This skill guides the end-to-end development, implementation, and validation of production-ready Python modules for Azure IoT Edge. It covers critical aspects including telemetry processing, protocol adaptation (Modbus, OPC-UA), local inference, and ensuring robust, secure edge-to-cloud messaging under variable network conditions.

This guide assists developers in building robust Model Context Protocol (MCP) servers and clients using C#/.NET. It specifically targets the stable 1.x NuGet packages, providing detailed instructions for configuring various transports (STDIO, Streamable HTTP), defining custom tools, prompts, and resources. It helps solve common integration issues like stale preview pinning, complex HTTP wiring, and structured content handling, ensuring production-ready, standard-compliant code.

This guide outlines architectural patterns and best practices for building scalable, production-ready APIs with FastAPI. It covers proper project structure, separating concerns using routers, services, and CRUD layers, implementing dependency injection for database sessions and authentication, defining Pydantic schemas for request/response, handling asynchronous operations, and managing custom error responses.

This tool automatically converts design screenshots or visual exports into structured, functional Vue 3 Composition API components. It supports popular UI libraries like Vant, Element Plus, and Ant Design Vue. By batch converting screenshots, it streamlines the development process from raw design assets to reusable, production-ready code, significantly boosting frontend development efficiency.

This skill provides a rigorous set of engineering and design directives for building professional-grade user interfaces using React/Next.js and Tailwind CSS. It enforces modern architectural constraints, ensures accessibility, and guides design decisions (typography, color, layout) to avoid common web clichés, resulting in high-fidelity, production-ready code.

A comprehensive, end-to-end quality assurance and validation checklist for fullstack Next.js applications. This guide details steps—including TypeScript checks, linting, unit testing, SEO meta tag verification, route regression, and post-deployment smoke tests—required to ensure an application is production-ready before every major release.

This skill simulates a Python project architecture expert, specializing in scaffolding full, production-ready applications. It generates complete project structures using modern tools like FastAPI, Django, and uv, enforcing best practices and type hinting. Use it when starting a complex, multi-component Python project from scratch.

This comprehensive guide and tool suite transforms web designs created in Stitch (HTML/CSS) into clean, production-ready React Native components. It meticulously maps HTML elements (like <div>, <button>) to native RN primitives (View, Pressable) and converts complex CSS styles (Flexbox, typography, shadows) into React Native's StyleSheet.create(). It guides developers to follow architectural best practices, including Atomic Design and data decoupling, for scalable cross-platform mobile development.

Unship is a dedicated local workflow for front-end developers to compare multiple AI-generated UI alternatives (such as layouts, copy, or flows) directly within a running application environment. Instead of committing to one generated version, it adds temporary source-level variants, allowing for visual comparison. After the user selects the final version, the skill automatically cleans up all unused temporary code and attributes, ensuring a clean, production-ready codebase. Note: This tool is for local iteration only, not for production A/B testing or analytics.