Skill UI

Comprehensive tool for finding and fixing WCAG 2.2 accessibility violations across codebases or live web pages. Operates in two modes: Report mode generates a prioritized, detailed, non-editing audit report (ideal for code reviews), while Fix mode performs an audit-edit-verify loop directly on the target to apply necessary fixes.

This meta-skill automates the complex process of modernizing legacy PDF documents (e.g., historical contracts, scanned manuals, legal documents). It follows a structured four-step pipeline: structural extraction, natural-language rewriting of problem pages, generating an audit summary, and finally re-merging the content into a single, refined PDF. This ensures content is modernized while maintaining fidelity to the original meaning, providing a human review summary before finalization.

nano-pdf is a robust command-line interface (CLI) tool designed to modify PDF documents. Instead of requiring complex PDF editing syntax, users can provide natural language instructions (e.g., 'Change the title to X and fix Y') to make precise edits to specific pages of a PDF. This drastically simplifies the content modification process for technical users and automates complex document handling tasks.

This skill provides a robust method for uploading local digital assets, including images, mockups, and full HTML files, to a Stitch project. It bypasses the limitations of standard tool calls by streaming files directly over HTTP, ensuring that large visual assets or complex web pages can be processed accurately for your design and prototyping workflow. Ideal for integrating local design iterations into cloud-based prototypes.

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.

Performs comprehensive, multi-page Lighthouse audits across an entire website. This tool is a robust, quota-free alternative to services like PageSpeed Insights, making it ideal for large sites or CI/CD pipelines where API limits are a concern. It aggregates key metrics such as performance, accessibility, and SEO scores across all audited routes.

A comprehensive presentation template designed for educational workshops and training sessions. It features a warm paper aesthetic, persistent learning objectives on the left sidebar, core content slides, interactive Multiple Choice Question (MCQ) self-assessment pages, and module wrap-ups, ensuring a structured and engaging learning experience.

This tool enables web interaction using natural language descriptions instead of complex CSS selectors. By utilizing a specialized page-agent and an LLM-driven tool-call loop, users can simply state their goal (e.g., "Fill the search box with cats and submit"). It is ideal for dynamic web pages, ambiguous structures, or quick, one-shot interactions where robust selector writing is impractical. The system provides graceful degradation if the advanced page-agent is unavailable.

A comprehensive set of architectural patterns for building robust and maintainable HTTP servers using Kotlin Coroutines and the Ktor framework. It covers essential topics including REST routing DSL, plugin configuration (Authentication, CORS, StatusPages), Dependency Injection (Koin), serialization, WebSockets, and integration testing using testApplication.

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.