Skill UI

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.

Master the design, debugging, and hardening of production-grade GitHub Actions CI/CD pipelines. This skill covers advanced topics including reusable workflows, matrix builds, self-hosted runners, OIDC authentication, secrets management, environment protection, and complex trigger patterns (e.g., workflow_call, schedule, release). Use this to automate complex build, test, and deployment processes.

This skill guides the design of robust, production-grade data extraction pipelines, moving beyond brittle one-off scripts. It supports three modes: API-driven web scraping (Firecrawl), traditional local Python extraction (PDF, CSV), and hybrid workflows. Key features include intelligent routing, mandatory data validation, secure key management, and adherence to scraping best practices.

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 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.

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.