Skill UI

This skill acts as the interactive command center for the Freshie ecosystem's CMDB. It tracks plugins, skills, and packs, providing comprehensive health checks, compliance validation, and historical trend analysis across 50 tables. Use it for running discovery scans, auditing compliance grades, querying deep inventory data, or generating detailed status reports.

A comprehensive directive for elite frontend developers, focusing on creating high-fidelity, award-winning web experiences. It mandates advanced techniques including GSAP motion triggers, mathematically flawless bento grids, and strict adherence to AIDA structure. This skill is crucial for building visually stunning, deeply interactive, and professional product or portfolio websites, moving beyond standard template limitations.

This skill facilitates an interactive Quality Assurance (QA) session. Users can conversationally describe encountered bugs or issues. The agent clarifies the problem, explores the codebase for context and domain language, and then meticulously files durable GitHub issues. It supports both single-issue reports and breaking down complex problems into multiple, independently verifiable tickets, ensuring developers receive actionable, high-quality reports written from the user's perspective.

This workflow details how to build a complete, browser-based Integrated Development Environment (IDE). Using WebContainers, it integrates key components like a file explorer, Monaco editor, integrated terminal, and live preview. This architecture is crucial for developing interactive coding playgrounds, educational web tools, or embedding robust development sandboxes into existing web applications.

Use the StackBlitz SDK to seamlessly embed live, interactive code playgrounds (WebContainers) directly into documentation, blog posts, or tutorials. This method allows users to view and experiment with code examples (e.g., React, TypeScript) without leaving the current page, making tutorials and documentation highly engaging and functional. Supports embedding from GitHub repositories or creating inline projects.

This guide details how to install and configure the WebContainer API, enabling client-side Node.js execution directly in the browser. It also provides instructions for integrating the StackBlitz SDK, which is used for embedding highly interactive code editors into web applications. The guide covers necessary dependency installations, code examples, and crucial HTTP header configuration (COOP/COEP) required for cross-origin isolation and secure operation.

This skill provides the production-grade architectural blueprint for developing browser-based Integrated Development Environments (IDEs) and interactive playgrounds powered by WebContainers. It is essential for developers who are integrating the WebContainers API or utilizing the StackBlitz SDK to create robust, cloud-based development experiences.

This module provides a comprehensive set of abstractions and hooks for developing complex web forms, primarily for administrative interfaces. It includes tools for field rendering, form state management (using hooks like useForm and useBind), field building utilities (FieldBuilder), and robust data validation mechanisms. It significantly simplifies the process of creating data-driven and interactive user input forms.

A comprehensive collection of high-quality UI abstractions and components designed for building professional administrative dashboards and user interfaces. It provides essential building blocks such as layout managers, data tables, complex forms, dialogs, and various interactive elements like buttons, pickers, and accordions, ensuring consistency and efficiency in large-scale web applications.

A comprehensive skill for capturing and documenting web application and graphical UI states during the development cycle. It supports full-page captures using Playwright, reliable post-processing cropping with PIL, capturing interactive states (hovers, selections), and even handles non-web desktop applications using mss/ctypes.

This orchestrator converts complex Markdown content—such as long-form specs, code reviews, or slide decks—into a single-file, lightly-interactive HTML document. It deterministically classifies the input type (Document, Review, or Slides) and routes the content to the appropriate specialized converter sub-skill, ensuring the output retains density and structure far beyond what raw markdown can achieve.

This guide details how to deploy and manage web projects on Vercel using token-based authentication via the CLI. It provides comprehensive steps for locating and setting the VERCEL_TOKEN, identifying project IDs, and executing deployment commands (including linking and direct deployment) without relying on interactive login.