Skill UI

A specialized presentation deck template designed for internal engineering talks, technical conferences, and deep-dive knowledge sharing. It features a professional GitHub-dark theme, JetBrains Mono coding font, and a structured layout including Cover, Agenda, main content slides (with code blocks), demo slides (terminal screenshots), and Q&A sections.

This skill analyzes raw WordPress Site Health reports (text, screenshots, or debug info). It converts diagnostic data into a prioritized, risk-tiered fix plan, identifying critical issues and recommended improvements. It provides exact, safe commands (WP-CLI/PHP snippets) necessary to address the site and strictly enforces safety protocols like backups, lint checks, and dry-runs.

This skill provides a rigorous, structured method for inspecting animated 3D characters, rigs, and motion retargeting in Blender. It moves beyond visual evidence (screenshots) by extracting and comparing structured data points such as bone transformations, bounding box changes, ground contacts, and axis conventions. Ideal for diagnosing subtle animation flaws like foot sliding, ground penetration, or incorrect orientation that are invisible in still images.

Compares two recorded browser sessions step-by-step by matching steps via shared step IDs. It performs both pixel-level diffing on screenshots (for visual regression) and node-by-node diffing on accessible DOM snapshots (for structural changes). Ideal for visual regression testing, comparing A/B flow variants, and verifying replay consistency in UI development.

A comprehensive guide to building robust, reliable, and maintainable End-to-End (E2E) test suites using Playwright. This includes implementing the Page Object Model (POM), configuring advanced Playwright settings for CI/CD, managing artifacts (screenshots, traces), and strategies for handling flaky tests to ensure high test stability.

This tool automatically converts design screenshots or visual exports into structured, functional Vue 3 Composition API components. It supports popular UI libraries like Vant, Element Plus, and Ant Design Vue. By batch converting screenshots, it streamlines the development process from raw design assets to reusable, production-ready code, significantly boosting frontend development efficiency.

Guides builders to verify task delivery by collecting required evidence such as CLI output, screenshots, or DOM snapshots, then submitting artifacts for review. Useful when a task must self-certify against a verify plan.

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 skill generates validated local artifacts (PNG, JPEG, or PDF) from public HTTP(S) web URLs using the Latchshot service. It is ideal for creating visual reports, quality assurance documentation, or social media previews of public web content. Note that this tool only supports public pages and cannot access private, authenticated, or restricted content.