Skill UI

This guide provides comprehensive patterns for behavior-focused testing of React components, custom hooks, and pages. It covers best practices using React Testing Library (RTL), including accessibility assertions, simulating user interactions (userEvent), and network mocking with MSW. It also helps developers define clear test boundaries between unit component tests and full E2E flows.

This skill calculates model interpretability for algorithmic trading signals using PageRank. It constructs a feature-contribution graph from an LSTM or Transformer signal and executes a single-entry PageRank calculation. The result identifies the top-K features that most significantly drove the prediction, providing a "regulator-grade" audit trail essential for compliance with regulations like the EU AI Act.

A dedicated canvas for reviewing local plans and visual artifacts (Markdown, HTML). It facilitates a complete collaborative feedback loop where human users can point to specific elements (annotations), chat, and deliver a definitive verdict (Approve/Request changes) without leaving the page. Ideal for validating designs, reports, or complex plans.

A comprehensive skill to extract and transcribe subtitles from any YouTube video URL. It utilizes a two-stage approach: first, attempting fast extraction via the yt-dlp CLI tool; failing that, it falls back to advanced browser automation using Chrome DevTools MCP to scrape the transcript panel content directly from the webpage DOM. The output is always a clean, timestamped plain text file.

Hallmark is a specialized design skill for AI coding assistants, designed to ensure that generated UIs look genuinely crafted, not machine-generated. It combats the 'AI-slop' aesthetic by mandating structural variety. Users can leverage it for fresh greenfield page builds, auditing existing designs against anti-patterns, redesigning visuals while preserving component architecture, or extracting core design DNA from URLs and screenshots. It is a comprehensive tool for professional UI/UX refinement.

This tool generates a complete, structured blueprint for developing powerful case studies and success stories. It guides users through defining the Challenge-Solution-Results (CSR) narrative, creating detailed client and internal interview questions, planning data visualizations, and mapping out multiple output formats (white paper, video, web page). This systematic approach ensures content is highly credible, optimized for sales enablement, and ready for multi-channel distribution.

This tool generates high-converting, SEO-optimized comparison and alternatives pages (e.g., "X vs Y", "Best Tools Roundup"). It structures content with detailed features, comparison tables, and includes appropriate schema markup (Product, SoftwareApplication) to maximize visibility and capture competitive intent traffic. Ideal for digital marketers and content strategists.

This tool performs a comprehensive, dedicated audit of all images on a webpage or site. It evaluates images for optimal SEO, performance, and accessibility, checking alt text quality, file sizes, modern formats (WebP/AVIF), responsive attributes, lazy loading implementation, and preventing Cumulative Layout Shift (CLS). It provides a prioritized optimization list to improve site speed and search engine rankings.

A comprehensive, scored audit tool for evaluating landing pages across critical conversion dimensions. It analyzes above-fold clarity, trust signals, form friction, message match, mobile UX, and page speed. The output provides actionable, prioritized fixes and detailed recommendations to systematically boost your conversion rate.

This comprehensive tool conducts a deep audit of local search engine optimization (SEO) health. It evaluates Google Business Profile (GBP) completeness, NAP consistency, citation presence, on-site location pages, and local schema. The output is a prioritized, actionable report designed to improve local pack rankings and boost foot traffic or service inquiries.

This comprehensive command orchestrates full campaign localization across multiple target markets. It adapts all assets (emails, ads, social posts, landing pages, video scripts, etc.) beyond simple translation, adjusting cultural references, ensuring regional compliance, and localizing SEO for global market expansion.

The Marketing Weather Report provides a consolidated, single-page assessment of all external signals affecting marketing effectiveness (economic, cultural, industry, platform, regulatory). It scores current conditions (Green/Yellow/Red) and provides actionable go/no-go signals for timing campaigns, adjusting budgets, or making strategic decisions across different time horizons (week, month, quarter).