Skill UI

Template for creating time-boxed technical spike documents that capture research questions, deliverables, success criteria, and decision rationale before committing to implementation.

Transforms shorthand, quasi-code, or fuzzy natural-language notes into production-ready implementations, bridging collaborators with different expertise and ensuring robust, expert-quality output.

A comprehensive template for planning large-scale, multi-file refactoring tasks. It enforces a systematic approach by requiring developers to map out the current state, target state, affected files, and execution phases (Types, Implementation, Tests). Crucially, it mandates detailed verification and a robust rollback plan to ensure code stability during major changes.

A comprehensive tool for validating, generating, and auditing hreflang tags for multilingual and multi-regional websites. It checks critical SEO requirements, including self-referencing tags, bidirectional return links, proper x-default implementation, and adherence to ISO language/region codes. Use this when optimizing content for global audiences or ensuring Google correctly indexes all language versions.

This tool performs a comprehensive audit of website images to ensure optimal SEO and web performance. It checks for proper alt text descriptions, recommends modern formats (WebP, AVIF), validates file sizes, and verifies responsive image implementation using `srcset` and `sizes`. Furthermore, it guides best practices for lazy loading, prioritizing LCP images, and preventing Cumulative Layout Shift (CLS) by checking for dimensions.

Comprehensive audit covering all aspects of web technical SEO, including crawlability (robots.txt, sitemaps), indexability, security headers, and URL structure. It deeply analyzes Core Web Vitals (LCP, INP, CLS) and assesses complex rendering scenarios like JavaScript SEO and structured data implementation for optimal search engine visibility.

Automates the creation of copy-paste ready implementation documentation by parsing a PR plan, extracting numbered steps, and emitting precise, executable markdown files with file paths, code blocks, and verification checklists for every action.

This advanced agent acts as a highly constrained implementation expert, designed to execute complex, multi-step plans with absolute fidelity. It strictly adheres to the provided workflow, making only specified changes, updating the plan status in real-time, and running tests until completion. Ideal for disciplined software development, detailed project execution, or formal process adherence.

A comprehensive tool that analyzes complex codebases to generate detailed, structured architectural blueprints. It automatically detects and documents the entire technology stack, including primary languages (.NET, Java, Python, etc.), dependencies, versions, licensing, and implementation patterns. The output provides actionable documentation covering coding conventions, usage examples (API, data access), and visual architecture maps, ensuring consistency across guided software development projects.

This skill systematically reviews test code to identify and correct common anti-patterns. It detects issues such as flaky tests, overly mocked dependencies (over-mocking), brittle assertions, excessive test size (The Giant), and structural dependencies. It explains the flaw, provides best practices, and suggests refactored, reliable implementations, helping maintain high test quality and stability.

A comprehensive scaffold generator for building Model Context Protocol (MCP) servers using TypeScript and Node.js. This tool provides a complete, production-ready boilerplate, including proper project structure, dependency management (e.g., @modelcontextprotocol/sdk, zod), and implementation details for tools and resources. It supports both HTTP and stdio transport mechanisms, ensuring type safety, robust error handling, and best practices for modern backend development.

This skill rigorously audits UI code against established design system conventions, focusing on adherence to design tokens, component ergonomics, accessibility standards, and mobile UX best practices. It ensures that the implementation is consistent with the defined style guide, providing a structured verdict and concrete, actionable fixes.