Vue applications often face state management issues like reactivity loss, initialization errors, and debugging challenges. This skill provides proven patterns and solutions for implementing Pinia stores correctly in Vue 3 applications.

Vue.js projects often suffer from unclear data flow and reactivity mistakes. This skill provides comprehensive best practices for Vue 3 and Nuxt 3 development including proper state management, component patterns, and data flow architecture.

Vue 3 applications encounter runtime errors, warning messages, async failures, and SSR hydration issues that are difficult to debug. This skill provides comprehensive debugging guides and solutions for over 100 common Vue 3 development problems.

Creating Vue composables with flexible input types is challenging. This skill provides a pattern for building library-grade composables that accept both reactive and non-reactive inputs using MaybeRef and MaybeRefOrGetter types.

Developers need a simple way to add voice output to their applications without managing complex audio infrastructure. This skill provides direct access to OpenAI's TTS-1-HD model through a straightforward API call.

Converting audio recordings to text manually is slow and error-prone. This skill provides a simple API to transcribe audio files using OpenAI Whisper, returning accurate text in seconds.

Monorepo build systems can be complex to configure. This skill provides expert guidance on setting up Turborepo pipelines, task dependencies, caching strategies, and CI integration for JavaScript and TypeScript projects.

Adding smooth page transitions and shared element animations to React apps requires understanding the View Transitions API and its integration patterns. This skill provides step-by-step guidance, CSS recipes, and Next.js patterns from Vercel Labs.

Building performant React Native apps requires following platform-specific patterns for lists, animations, and state management. This skill provides 35+ AI agent rules for optimized mobile development.

React applications often suffer from performance issues like unnecessary re-renders, large bundle sizes, and sequential data fetching waterfalls. This skill provides 45 prioritized rules from Vercel Engineering to eliminate these bottlenecks and build high-performance web applications.

Building React components with boolean props leads to unmaintainable code. This skill provides AI-ready guidelines for using compound components, lifting state, and composing internals to create scalable component architectures.

Users need guidance on creating effective skills for Claude Code. This skill provides a comprehensive guide for building, structuring, and packaging skills with proven best practices.

An AI skill for Claude, Codex, and Claude Code

An AI skill for Claude, Codex, and Claude Code

Next.js applications often fetch data repeatedly, causing slow page loads. Cache Components enable Partial Prerendering and intelligent caching strategies to serve cached content instantly while streaming dynamic parts.

Users often do not know which skills exist to help with their tasks. This skill guides them to discover relevant capabilities from the open agent ecosystem and install them with simple commands.

Dogfood systematically explores web applications to find bugs, UX issues, and other problems, producing structured reports with full reproduction evidence including screenshots and videos.

Manually deploying projects to Vercel takes time and requires navigating the dashboard. This skill automates the entire deployment workflow with automatic framework detection and preview URL generation.

Automating web interactions manually is time-consuming and error-prone. Agent-browser provides a command-line interface for browser automation that enables automated form filling, screenshot capture, web scraping, and end-to-end testing workflows.

Building AI-powered features requires navigating complex provider APIs, streaming implementations, and type-safe patterns. This skill provides comprehensive documentation reference for the Vercel AI SDK, helping developers implement text generation, tool calling, structured output, and agents with OpenAI, Anthropic, Google, and other providers through unified APIs.