frontend-ui-animator
Analyze and implement purposeful UI animations for Next.js, Tailwind CSS, and React applications with a focus on UX, performance, and accessibility.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
144 skills found
Analyze and implement purposeful UI animations for Next.js, Tailwind CSS, and React applications with a focus on UX, performance, and accessibility.
Deep single-page SEO audit for technical, content, and performance analysis. Includes on-page, schema, image, and E-E-A-T checks to optimize search rankings and user experience.
Production-grade React 19 and TypeScript patterns featuring hooks, state management, TanStack Query, form validation with Zod, and performance optimization workflows.
Fetch, download, and batch process web images in various formats (JPG, PNG, WebP, SVG, etc.) for embedding, archiving, or chat integration.
Scaffold and build interactive MCP Apps with custom UIs for hosts like Claude Desktop. Supports React, Vanilla JS, and various framework templates for tool-resource integration.
Generate real-time AI podcast-style audio narratives using Azure OpenAI's GPT Realtime Mini model with WebSocket streaming, complete with PCM to WAV conversion and frontend playback integration.
Audit and optimize SwiftUI runtime performance. Diagnose slow rendering, janky scrolling, high resource usage, and layout thrash with code review, architecture analysis, and Instruments profiling guidance.
Automate high-quality screenshot generation for MicroSim visualizations using Chrome headless mode. Ideal for documentation, social media previews, and quality assessment.
Diagnose and resolve connection, sync, subscription, and type issues in Dojo.js applications. Use for troubleshooting Torii, entity queries, and state updates.
React Native best practices for Expo and bare workflow. Supports project structure, navigation, NativeWind styling, platform-specific code, and TypeScript integration.
Perform comprehensive code reviews with a focus on security vulnerabilities, performance optimization, maintainability, and code correctness.
Safely refactor code to improve structure and maintainability while preserving behavior through TDD cycles and automated test verification.