Skill UI

This tool parses a structured, multi-shot video script (following the ai-video-script format) and automatically generates a time-coded SRT subtitle file. It calculates cumulative timestamps based on the duration of each shot, ensuring accurate subtitle cues that sync with the voiceover content across the entire sequence. Ideal for the post-production stage of short-form video creation.

An internal, language-agnostic probe designed for investigating complex stack traces when the source language is unknown. It analyzes the provided trace to output structured, language-neutral elements, including failure contract checks, minimal reproduction guidance, and specific patch targets. This tool is vital for robust failure analysis and debugging across diverse codebases.

An internal diagnostic tool designed for analyzing Go language panics and complex stack traces. It provides structured guidance, including Go-specific nil/error checks, minimal reproducible `go test` commands, and precise patch targets, enabling highly efficient root cause analysis and debugging for Go projects.

An internal utility designed for deep investigation of JavaScript or TypeScript stack traces. It analyzes complex runtime errors, providing specific checks for asynchronous boundaries, module resolution issues, JSON parsing failures, and type contract violations. It aids developers by generating minimal reproduction commands and identifying potential patch targets for robust error handling.

A specialized internal helper for deep meta-stack trace investigation in Python environments. This tool guides users through generating Python-specific root-cause checks, creating minimal reproducible test cases using pytest, and identifying precise targets for defensive patches (e.g., validation or guard clauses). It ensures robust debugging and testing practices.

An internal helper designed for analyzing Rust panics and backtraces. It guides users to perform Rust-specific checks for proper handling of Option and Result types, generates minimal reproducible cargo test commands, and pinpoints exact patch targets for safe code improvements.

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.

Analyzes any frontend codebase (React, Vue, Svelte, Angular, plain CSS, Tailwind) to document the complete design system. It extracts crucial visual elements—including color palettes, typography, spacing scales, and component patterns—directly from source files, without needing to build, render, or run the application. Ideal for design audits, visual language documentation, or migrating a project's identity into a design tool.

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.

A comprehensive skill for establishing a single source of truth for design tokens within Stitch. This tool guides users through retrieving project assets, synthesizing design rules from existing screens or descriptions, creating/updating the central design system, and systematically applying these tokens across all project screens to ensure UI consistency.

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.