Skill UI

Performs a deep audit of site imagery for SEO and performance, checking alt text, responsive sources, file size thresholds, modern formats, lazy loading, and CLS safeguards to guide improvements for faster, accessible pages.

Use Wireshark and tshark to capture authorized packets, dissect protocols, highlight malicious traffic patterns, and extract artifacts for incident response, threat hunting, or performance troubleshooting.

Implement a vulnerability aging dashboard and SLA tracking system that measures remediation performance against severity-based timelines, enforces adaptive policies, automates escalations, and surfaces compliance KPIs for security teams.

Provides Nuxt 4 guidelines for hydration safety, routing rules, lazy-loading, and SSR-safe data fetching with useFetch/useAsyncData, helping teams tune performance and handle client/server differences.

This guide helps diagnose and resolve performance bottlenecks in React applications. It teaches developers how to profile slow components using DevTools, identify unnecessary re-renders, and apply targeted optimizations like memoization (useMemo, useCallback) and state isolation to improve rendering speed and overall user experience.

This skill provides a comprehensive audit workflow for diagnosing performance issues in SwiftUI applications. It begins with a code-first review, identifying common performance smells like invalidation storms or layout thrash. If code inspection is insufficient, it guides the user through collecting runtime profiling evidence (e.g., Instruments data) to pinpoint root causes such as janky scrolling, high CPU usage, or memory leaks.

A powerful operational companion for database developers. This skill assists with the daily lifecycle of database interactions, including translating natural language requirements into optimized SQL queries, generating database migrations, performing comprehensive schema introspection across multiple dialects (PostgreSQL, MySQL, SQLite, SQL Server), and identifying performance bottlenecks through detailed query optimization and index recommendations. It also supports ORM patterns like Prisma and SQLAlchemy.

Measures page, API, and build performance to establish baselines, compare before/after changes, and guard PRs or releases against regressions.

A library-agnostic Flutter/Dart code review checklist that walks through widget best practices, state management patterns, Dart idioms, performance, accessibility, security, and clean architecture, helping reviewers spot regressions in any app stack.

Canary Watch keeps a deployed URL under continual surveillance after production/staging deploys, risky merges, or dependency upgrades, checking HTTP status, console/network errors, performance metrics, content, and API health with configurable alerts and digestible reports.

Use Chrome DevTools MCP to give the agent visibility into the real browser so you can inspect DOM, console logs, network traffic, screenshots, and performance data while building, debugging, or validating UI behavior that runs in a browser.

Guides Flutter apps through configuring Firebase Cloud Functions, invoking callable endpoints, handling errors, tuning performance, and testing with the Emulator Suite.