NeVibeCode · 20 items
Slash commands for Frontend and UI
Commands for Frontend and UI: what each one does, an install command and example prompts.
nextjs-component-generator command Generate TypeScript components for Next.js using your project structure as context. Choose a client, server, page, or layout component.
935installs
nextjs-performance-audit command This command checks a Next.js project’s Lighthouse results, bundle size, and runtime performance. Use it to find performance issues and get optimization suggestions.
694installs
performance-audit command Audits codebase performance, locating slow database queries, nested loops, and build bottlenecks. Prioritizes optimizations by system impact and implementation effort.
661installs
nextjs-bundle-analyzer command A Claude slash command that breaks down your Next.js bundle size and points at what to trim.
560installs
optimize-bundle-size command Inspects and trims JavaScript bundle sizes using code splitting, tree shaking, and build tool tuning. Useful when production assets slow down page loads.
535installs
design-review command Audits an existing interface for layout, usability and code problems, then writes a report with concrete recommendations.
CX Codex
★ 41,729repo stars
accessibility-audit command Checks UI code against WCAG and writes an audit report with actionable findings. Use it for a component, route, directory, or application.
CX Codex
★ 41,729repo stars
typescript-scaffold command Generates a TypeScript project skeleton on pnpm: Next.js, React with Vite, Node.js API or a library, with tests and build tooling.
CX Codex
★ 41,729repo stars
full-stack-feature command Walks a feature through requirements, database schema, and backend plus frontend architecture. Pauses at checkpoints and waits for your answer.
CX Codex
★ 41,729repo stars
performance-optimization command Orchestrates application performance profiling and optimization through dedicated subagents. Tracks progress via disk state and pauses at approval checkpoints.
CX Codex
★ 41,729repo stars
vercel-deploy-optimize command Optimizes a Next.js build and ships it to Vercel, checking configs along the way and wiring up performance monitoring.
506installs
build-zoom-apps-sdk-app
official command A slash command for Claude and Claude that scaffolds a Zoom Apps SDK app running inside the Zoom client.
CX Codex GP ChatGPT
★ 7,596repo stars
setup-visual-testing command A slash command that wires up visual regression testing: component and page snapshots, responsive breakpoints, accessibility checks.
300installs
webapp-testing command A slash command that drives your local web app in a real browser through Playwright: clicks, forms, screenshots, console logs.
259installs
nextjs-migration-helper command A Claude slash command that walks a Next.js project from Pages Router to App Router, from JavaScript to TypeScript, and from class components to hooks.
237installs
svelte-debug command Reads a Svelte or SvelteKit error and stack trace, finds whether the cause is compilation, runtime or config, and hands you a fix.
134installs
svelte-scaffold command Builds out a new SvelteKit project, feature module or component library with a ready folder layout and config files. Handy when you want a starting point without wiring it by hand.
127installs
svelte-storybook-mock command Sets up SvelteKit module mocks in Storybook stories so a component renders in isolation, without the app running.
121installs
svelte-storybook-troubleshoot command A slash command that walks through common Storybook breakages in SvelteKit projects: build errors, unresolved modules, addon conflicts.
118installs
svelte-test-fix command A Claude slash command that digs into failing Svelte and SvelteKit tests and proposes fixes. Useful right after a component change breaks your suite.
115installs
