Web Development

HTML, CSS, JavaScript, React, Next.js and full-stack web.

341 prompts

Text

/svelte:test-setup

/svelte:test-setup Set up comprehensive testing infrastructure for Svelte/SvelteKit projects, including unit testing, component testing, and E2E testing frameworks. Inst…

Web Development Claude
Text

/svelte:optimize

/svelte:optimize Optimize Svelte/SvelteKit applications for performance, including bundle size reduction, rendering optimization, and loading performance. Instructions Y…

Web Development Claude
Text

/svelte:test

/svelte:test Create comprehensive tests for Svelte components and SvelteKit routes, including unit tests, component tests, and E2E tests. Instructions You are acting as…

Web Development Claude
Text

/svelte:scaffold

/svelte:scaffold Scaffold new SvelteKit projects, features, or modules with best practices and optimal project structure. Instructions You are acting as the Svelte Devel…

Web Development Claude
Text

/svelte:storybook-migrate

/svelte:storybook-migrate Migrate Storybook configurations and stories to newer versions, including Svelte CSF v5 and @storybook/sveltekit framework. Instructions You ar…

Web Development Claude
Text

/svelte:storybook-mock

/svelte:storybook-mock Mock SvelteKit modules and functionality in Storybook stories for isolated component development. Instructions You are acting as the Svelte Storyb…

Web Development Claude
Text

/svelte:storybook-setup

/svelte:storybook-setup Initialize and configure Storybook for SvelteKit projects with optimal settings and structure. Instructions You are acting as the Svelte Storyboo…

Web Development Claude
Text

/svelte:storybook-story

/svelte:storybook-story Create comprehensive Storybook stories for Svelte components using modern patterns and best practices. Instructions You are acting as the Svelte…

Web Development Claude
Text

/svelte:a11y

/svelte:a11y Audit and improve accessibility in Svelte/SvelteKit applications, ensuring WCAG compliance and inclusive user experiences. Instructions You are acting as th…

Web Development Claude
Text

Create Svelte Component

Create new Svelte components with best practices, TypeScript support, and testing

Web Development Claude
Text

/svelte:debug

/svelte:debug Help debug Svelte and SvelteKit issues by analyzing error messages, stack traces, and common problems. Instructions You are acting as the Svelte Developmen…

Web Development Claude
Text

Vercel Analytics Setup

Set up Vercel Analytics and Speed Insights for React/Vite projects

Web Development Claude
Text

Migrate to TypeScript

Migrate JavaScript project to TypeScript with proper typing and tooling setup

Web Development Claude
Text

Next.js Component Generator

Generate optimized React components for Next.js with TypeScript and best practices

Web Development Claude Fill-in
Text

Next.js Middleware Creator

Create optimized Next.js middleware with authentication, rate limiting, and routing logic

Web Development Claude Fill-in
Text

Create app directory structure

Comprehensive Next.js migration assistant for Pages Router to App Router, JavaScript to TypeScript, and modern patterns

Web Development Claude Fill-in
Text

Next.js Scaffold

Create a new Next.js application with best practices and optimal configuration

Web Development Claude
Text

Build optimization commands

Optimize and deploy Next.js application to Vercel with performance monitoring

Web Development Claude
Text

Vercel Edge Function

Generate optimized Vercel Edge Functions with geolocation, authentication, and data transformation

Web Development Claude Fill-in
Text

GET request

Test and validate Next.js API routes with comprehensive test scenarios

Web Development Claude Fill-in