Frontend skills

This skill analyzes components and rewrites them to fetch data directly from the store, reducing prop usage and enhancing maintainability.

This skill helps you apply Vue 3 performance best practices and Composition API patterns across components and state management.

This skill automates browser tasks using Playwright to navigate, fill forms, capture screenshots, and inspect pages with a stateful session.

This skill helps reviewers enforce gluestack-ui v4 validation standards by identifying anti-patterns, ensuring semantic tokens, proper sub-components, and

This skill designs UI animations and transitions, defining timing, micro interactions, and motion guidelines to enhance user experience.

This skill helps you implement robust Next.js metadata, OpenGraph, and structured data for SEO and social sharing across routes.

This skill analyzes recently modified code to simplify and optimize clarity and consistency while preserving all functionality and behavior.

This skill executes browser-based UI tests using Chrome MCP tools to verify interactions, visuals, and accessibility, capturing evidence for verification.

This skill helps you build and deploy iOS apps faster using SwiftUI/UIKit, CoreData, networking, push, location, and App Store workflows.

This skill guides Svelte 5 component development with runes, props, and performance-aware patterns for efficient, reactive UI.

This skill generates comprehensive tests for custom hooks using Vitest and Testing Library, covering initialization, actions, prop changes, async hooks, and

This skill generates pixel-perfect marketing screenshots and compelling Product Hunt copy for Next.js apps using Playwright MCP.

This skill enforces TypeScript and React standards for maintainable TS/TSX code, promoting one-export-per-file and strict typing across Next.js projects.

This skill checks a Vite project's dependencies for outdated versions, analyzes update types, and provides upgrade guidance and compatibility tips.

This skill generates a complete Tailwind CSS configuration tailored with content paths, theme extensions, and plugins for your project.

This skill helps you create Mermaid.js v11 diagrams quickly, converting code into SVG/PNG/PDF and embedding in markdown or webpages.

This skill converts user text into a responsive HTML webpage in a chosen design style, acting as a smart design consultant.

This skill helps you manage Vue 3 client state with Pinia using Options or Setup stores, including persistence and proper reactive patterns.

This skill deploys a local production-configured server split across panes for backend and frontend, enabling prod testing locally.

This skill helps you style Blazor MudBlazor components with responsive CSS isolation and material design patterns for scalable UIs.

This skill helps automate code migrations by transforming deprecated syntax, API updates, and import paths while preserving behavior.