vercel-local-dev-loop

1.2K

Description

Configure Vercel local development with hot reload and testing. Use when setting up a development environment, configuring test workflows, or establishing a fast iteration cycle with Vercel. Trigger with phrases like "vercel dev setup", "vercel local development", "vercel dev environment", "develop with vercel".

AI Summary

Configures Vercel local development with hot reload and testing workflows.

Install

Add the repository(one-time)

/plugin marketplace add jeremylongshore/claude-code-plugins-plus-skills

Install the plugin

/plugin install vercel-pack@claude-code-plugins-plus

Tool Access

This skill is limited to using the following tools:

ReadWriteEditBash(npm:*)Bash(pnpm:*)Grep

Supporting Assets

View in Repository

references/errors.md

references/examples.md

references/implementation.md

Skill Content

Vercel Local Dev Loop

Prerequisites

Completed vercel-install-auth setup
Node.js 18+ with npm/pnpm
Code editor with TypeScript support
Git for version control

See {baseDir}/references/implementation.md for detailed implementation guide.

Output

Working development environment with hot reload
Configured test suite with mocking
Environment variable management
Fast iteration cycle for Vercel development

Error Handling

See {baseDir}/references/errors.md for comprehensive error handling.

Examples

See {baseDir}/references/examples.md for detailed examples.

Resources

Links

GitHub Stats

154 forks

Updated 29 days ago

Similar Skills

cache-components

Expert guidance for Next.js Cache Components and Partial Prerendering (PPR). **PROACTIVE ACTIVATION**: Use this skill automatically when working in Next.js projects that have `cacheComponents: true` in their next.config.ts/next.config.js. When this config is detected, proactively apply Cache Components patterns and best practices to all React Server Component implementations. **DETECTION**: At the start of a session in a Next.js project, check for `cacheComponents: true` in next.config. If enabled, this skill's patterns should guide all component authoring, data fetching, and caching decisions. **USE CASES**: Implementing 'use cache' directive, configuring cache lifetimes with cacheLife(), tagging cached data with cacheTag(), invalidating caches with updateTag()/revalidateTag(), optimizing static vs dynamic content boundaries, debugging cache issues, and reviewing Cache Component implementations.

cache-components

137.4k

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

frontend-design

63.8k

Writing Hookify Rules

This skill should be used when the user asks to "create a hookify rule", "write a hook rule", "configure hookify", "add a hookify rule", or needs guidance on hookify rule syntax and patterns.

hookify

63.8k