Skill UI

A tool that generates and opens a GitHub Pull Request (PR) dashboard in the browser. Users can specify precise criteria, including date ranges (e.g., 'last 7 days', 'this month') and specific roles (e.g., 'Authored by me', 'Requested reviews'), to view detailed PR activity. Requires GitHub CLI authentication for full functionality.

A comprehensive OKR tracker dashboard designed to visualize team objectives and key results (KRs). It includes a quarter banner, multiple objective cards with progress bars, owner details, and a dedicated sidebar for at-a-glance KPIs, ideal for quarterly performance reviews and strategic planning.

Wraps any existing HTML artifact (landing page, dashboard, etc.) with a live sidebar panel of controls. This panel allows users to instantly adjust design variables—such as accent color, typography scale, layout density, and dark mode—by rewriting CSS custom properties in real time. All changes are persisted via localStorage, enabling continuous exploration and variant testing without losing state.

This skill assesses the AI readiness of a codebase by running a comprehensive audit against multiple technical and governance pillars. It generates a self-contained, detailed HTML dashboard that provides an overall maturity score, identifies strengths, and, most importantly, delivers a prioritized remediation plan (Fix First / Fix Next). Ideal for auditing repositories before major AI feature development.

This is an expert guideline for creating a modern, Vercel/GitHub-inspired application design system. It provides comprehensive, implementation-ready rules, design tokens, and best practices for building a developer-first dashboard. It covers typography, layout, component states, accessibility (WCAG 2.2 AA), and includes a structured workflow for maintaining visual consistency across the entire application.

A comprehensive design system guide for building modern, high-density, and data-rich dashboards. It establishes foundational rules covering dark-themed aesthetics, modular grids, typography, color tokens, and rigorous accessibility standards (WCAG 2.2 AA). Ideal for engineers and designers building complex cloud-platform interfaces for optimal productivity and data analysis.

A critical discipline for managing expenses when integrating paid AI or inference APIs. This guard treats dollar cost as a third complexity dimension, mandating the definition of cost contracts (max calls per run, max budget per run, max budget per day). It enforces best practices for bounding loops, retries, and fan-out, ensuring that code bugs cannot lead to unexpected overspending. Best practice requires configuring hard caps both in the code and at the provider dashboard for defense in depth.

This skill processes raw weekly CRM export CSV files into a clean, structured regional sales summary. It automatically deduplicates records, calculates total revenue per specified region, and outputs the results as a structured JSON object, making it perfect for downstream automation steps, reporting, or dashboard population.

This comprehensive skill serves as an entry point for all web UI design needs, covering components, pages, dashboards, and advanced layouts using React, Vue, or pure HTML/CSS. It addresses not only aesthetics and polish (color, typography, spacing) but also deep structural concerns like responsive design, UX auditing, and visual system implementation. Use it whenever a user asks to improve the look, feel, or function of a digital interface.

This skill converts vague business questions or monitoring needs into a complete, structured, and implementation-ready dashboard specification. It guides users to define key metrics (KPIs), chart types, axes, filters, and optimal layout, providing data engineers and BI developers with all necessary details to build the dashboard without ambiguity.

This skill generates a comprehensive metrics framework for any product, team, or business. It connects the North Star Metric to supporting drivers using established models like AARRR, HEART, or OKR. The output is a structured, actionable metric hierarchy, including definitions, counter-metrics, and dashboard recommendations to guide strategic decision-making.

This guide helps define a complete observability stack for any service. It systematically covers the Four Golden Signals (latency, traffic, errors, saturation), guiding users to define core metrics, set Service Level Objectives (SLOs), configure actionable alerting rules, and structure comprehensive monitoring dashboards. Essential for establishing robust SRE practices and documenting system health standards.