Skill UI

Automates guidance for frontend teams to monitor and optimize Web Vitals, offering best practices, code samples, and validation flows aligned with React, Vue, and accessibility standards.

A comprehensive toolkit for automating and testing local web applications using Python and Playwright. It supports complex dynamic interactions, managing server lifecycles, identifying stable selectors, capturing visual evidence (screenshots), and debugging UI behavior. The guides follow a robust 'Reconnaissance-Then-Action' pattern for reliable end-to-end testing.

Automates guidance for webhook receiver generator tasks within API integrations, providing best-practice code snippets, configuration templates, and validation checks whenever you request help with webhooks or SDK patterns.

Automates guidance for designing and deploying webhook senders, covering integration patterns, SDK generation, and production-ready configurations.

Automates webhook signature validation within API integrations, offering best-practice guidance, production-ready snippets, and configurable checks to ensure secure third-party communication.

This skill helps users quickly create and build professional websites or landing pages for their businesses. By collecting essential details like the business name and description, it generates a ready-to-use signup link for hosting the new site on the B12 platform. It is ideal for entrepreneurs needing a fast and professional online presence.

Automated guidance for building websocket clients within API integration workflows, offering best practices and code/config generation plus validation when users mention websocket client creator needs.

Specialist workflow for building resilient WebSocket and Socket.IO systems, covering authentication, rooms, Redis pub/sub scaling, sticky sessions, and monitoring for chat and presence applications.

Weights & Biases (W&B) automates experiment logging, real-time dashboards, hyperparameter sweeps, artifact tracking, and model registry/versioning for ML teams using PyTorch, TensorFlow, or HuggingFace workflows.

This skill functions as a documentation architect, capable of generating highly structured wiki catalogues and comprehensive onboarding guides directly from a codebase. It scans the repository, detects architectural patterns, identifies technical layers (presentation, business logic, data access), and creates two distinct guides: a Principal-Level Guide for seniors and a Zero-to-Hero Path for newcomers, ensuring every detail is cited with specific file paths.

This skill automatically generates structured and user-friendly changelogs by analyzing the complete git commit history. It groups commits by time period (daily/weekly) and classifies changes into key categories (Features, Fixes, Docs, etc.), providing a concise summary of recent development activity for end-users. Ideal for answering 'what changed recently' or summarizing project updates.

Automatically generates two complementary onboarding documents for any codebase: a Principal-level guide focusing on design philosophy, technical debt, and architectural 'why'; and a Zero-to-Hero guide providing step-by-step setup, development workflows, and practical 'how-to' instructions. Ideal for new team members or documenting complex systems.