Skill UI

This skill automates the migration of existing frontend code (such as those built with React, Vite, or other frameworks) into the proprietary Stitch Design format. It performs a multi-step workflow: first, extracting a self-contained static HTML file; second, analyzing source components and stylesheets to generate a comprehensive design system documentation (DESIGN.md); and finally, uploading both artifacts to the specified Stitch project for continuous iteration and improvement.

Designed to capture a fully functional, standalone static HTML file from any modern web application (React, Next.js, Vue, etc.). It resolves all computed styles and inlines CSS and images (as Base64) into the output, ensuring the captured view can be shared or archived without external dependencies. Supports both automated snapshotting via Puppeteer and interactive capture.

A comprehensive skill for generating new design screens from text prompts or images, and iteratively editing existing designs. It incorporates advanced prompt enhancement, design tokens, and professional UI/UX terminology to ensure professional, structured, and context-aware design output for web and mobile platforms.

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.

This skill provides a robust method for uploading local digital assets, including images, mockups, and full HTML files, to a Stitch project. It bypasses the limitations of standard tool calls by streaming files directly over HTTP, ensuring that large visual assets or complex web pages can be processed accurately for your design and prototyping workflow. Ideal for integrating local design iterations into cloud-based prototypes.

A powerful DI extension point for Website Builders, allowing developers to inject custom query parameters into all live preview URLs. This is essential for integrating complex features like signed tokens, tenant identifiers, or feature flags directly into the preview experience. It supports asynchronous operations, such as fetching remote authorization tokens, ensuring robust customization across the editor iframe and generated links.

This module provides a comprehensive catalog of abstractions and utilities for handling API webhooks within the Webiny framework. It covers essential components such as payload types (IWebhookPayload), domain models (Webhook), delivery mechanisms, and core services like WebhookDispatcher and WebhookFactory. It supports advanced features including event routing, data validation, and secure payload signing, making it ideal for backend integration development.

A comprehensive minimal terminal coding harness designed for building, extending, and integrating advanced AI capabilities directly into CLI environments. It supports deep integration via SDK (Node/TypeScript), RPC, and JSON event streams. Developers can create custom skills, providers, TUI components, and utilize advanced features like web search, video understanding, and agent orchestration.

This skill helps users find alternative, equivalent, or related tools for Japanese Natural Language Processing (NLP). By providing a specific GitHub repository URL, owner/repo name, or tool name (e.g., mecab, fugashi), the system mines a bundled dataset and performs advanced semantic scoring based on shared categories, labels, and tokens. It expands the search via web research to provide comprehensive alternatives.

A structured, multi-phase skill that systematically audits and provides actionable fixes for all four Lighthouse pillars: Performance, Accessibility, Best Practices, and SEO. It analyzes Core Web Vitals, render-blocking resources, security headers, and ARIA compliance to significantly boost site speed and quality.

A protocol for token-efficient, accurate, and structured web research. It guides the model to fetch minimum data when accessing URLs, GitHub repositories, or performing web searches, preventing token waste.