Skill UI

Automated assistant for frontend image optimization walks you through best practices, generates production-ready code and config, and validates results whenever you ask about image optimization patterns or helper workflows.

Guides frontend developers through keyboard navigation testing, offering best-practice advice, code snippets, and automated validation for accessibility, frameworks, and performance.

Automates frontend lazy-loading workflows by guiding best practices, generating React/Vue-ready code, and validating production configurations for accessible, high-performance web apps.

Automatically generates robust, schema-compliant mock API servers directly from OpenAPI specifications. This tool supports advanced testing features, including stateful CRUD operations, Faker-driven dynamic data generation, configurable latency simulation, and detailed request recording for contract testing. Ideal for frontend parallel development and isolated integration testing.

A comprehensive guide for developers implementing robust data persistence and file handling within Obsidian plugins. It covers best practices for saving plugin configurations, reliable vault file I/O (read, write, append), safe manipulation of YAML frontmatter via metadata cache, and registering event listeners for file renames and deletions. Essential for building stable, data-intensive plugins.

Automates Open Graph metadata guidance for frontend workflows, offering best practices, React/Vue/CSS tips, and ready-to-apply code.

Provides a structured workflow to analyze and improve application performance across frontend, backend, and database layers, including profiling, bottleneck identification, optimization tactics, and validation steps.

This skill enables the coordination of multiple specialized AI agents within a single session. It is designed for complex, multi-domain tasks such as comprehensive code reviews, security audits, or full-stack feature implementations. It coordinates expertise across various domains (backend, frontend, testing, architecture) to provide holistic analysis and actionable recommendations.

Automates guidance for Performance Lighthouse Runner tasks in frontend projects, offering best practices, production-ready snippets, and validations whenever performance or accessibility topics arise.

Automates Pinia store setup with best practices, config generation, and validation for frontend projects spanning React, Vue, CSS, accessibility, and performance needs.

This guide details the recommended pattern for managing per-project plugin settings and state within a development environment. Plugins store their configuration in a dedicated `.claude/plugin-name.local.md` file. This file utilizes YAML frontmatter for structured settings (like enabling flags, retry counts, and parameters) and a Markdown body for additional context or instructions. It provides techniques for reading these settings using Bash hooks, commands, and agents.

Blueprint skill describing the architecture, stack, folder layout, API patterns, and testing/deployment workflows used by the Zenith AI customer discovery platform clade. Use it as a reference when working on this dedicated project to understand expectations for frontend, backend, AI integration, and QA.