Skill UI

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.

Use Azure OpenAI Realtime Mini to turn text prompts into streamed PCM audio, convert it to WAV, and deliver base64 payloads for frontend playback, handling transcripts and voice tuning for podcast-style narration.

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.

Provides prioritized performance optimization recommendations across frontend, backend, and infrastructure, offering bottleneck analysis, impact estimates, and phased implementation roadmaps when users request speed improvements or reviews.

Automates creation and validation of PWA manifest files for frontend projects, guiding developers through best practices and generating production-ready code snippets and configs for React, Vue, CSS, and modern web ecosystems.

Automated assistance for building React components, offering best practices, production-ready code generation, and validation guidance for frontend patterns like accessibility and performance optimization.

Automates React Context setup within frontend development, guiding users through best practices, production-ready code, and validation for React-related modern web patterns.

A senior specialist for building modern, production-grade React applications using React 19, Server Components, and Next.js App Router. Expertise includes implementing complex state management (Redux, Zustand), optimizing performance with memoization, handling data fetching with TanStack Query, and ensuring strict TypeScript typing and accessibility standards. Ideal for architecting large-scale frontend systems.