vibe

by @soilmass in Tools

# Install this skill:

npx skills add soilmass/vibe-coding-plugin --skill "vibe"

Install specific skill from multi-skill repository

# Description

# SKILL.md

name: vibe
description: >
Natural language project orchestrator — classifies user intent, selects 1-3 skills by keyword matching, routes to action or reference skills
allowed-tools: Read, Grep, Glob

Vibe

Purpose

Natural language intent router that classifies user requests and selects the right skills.
Parses intent keywords, matches against skill triggers, and loads max 3 skills. The ONE
orchestrator for ambiguous or multi-concern requests.

When to Use

User gives a vague or multi-part request
Intent spans multiple lifecycle layers
Unclear whether to use action or reference skill
User says "help me with..." or describes a goal, not a specific skill

When NOT to Use

User explicitly names a skill → load that skill directly
User invokes /flow → use flow orchestrator
Single clear intent matching one skill → load that skill

Routing Rules

Parse user intent for keywords
Match against skill "When to Use" triggers below
Select max 3 skills (prefer one per lifecycle layer)
If intent = "create/build/add/scaffold/init" → prefer Action skills
If intent = "how/why/explain/show/what" → prefer Reference skills
If ambiguous → ask user to clarify

Skill Registry

Action Skills (user must invoke explicitly for side effects)

Skill	Triggers
`scaffold`	create project, init, bootstrap, new app, start fresh
`turbo`	monorepo, workspaces, pipeline, multi-app
`prisma`	database, schema, migration, model, ORM
`auth`	login, authentication, session, OAuth, provider
`shadcn`	component, button, dialog, card, UI library
`testing`	test, vitest, playwright, coverage, spec
`deploy`	deploy, vercel, docker, production, CI/CD
`database-seeding`	seed, test data, faker, factories, sample data

Reference Skills (auto-loaded for knowledge)

Skill	Triggers
`react-server-components`	server component, RSC, async component, zero JS
`react-client-components`	client component, "use client", hooks, interactivity
`react-server-actions`	server action, "use server", mutation, form processing
`react-forms`	form, useActionState, useFormStatus, useOptimistic, validation
`react-suspense`	suspense, loading, streaming, use() hook, skeleton
`nextjs-routing`	route, page, layout, params, parallel routes, slug
`nextjs-data`	data fetching, fetch, React.cache, Promise.all, dedup
`nextjs-middleware`	middleware, redirect, rewrite, edge, guard
`nextjs-metadata`	metadata, SEO, OpenGraph, sitemap, title, description
`caching`	cache, revalidate, stale data, unstable_cache, tags
`api-routes`	API route, route handler, GET, POST, webhook, REST
`error-handling`	error boundary, error.tsx, not-found, 404, reset
`security`	CSP, server-only, env validation, XSS, headers
`tailwind-v4`	tailwind, styling, @theme, CSS, design tokens, utility
`typescript-patterns`	types, typing, generics, discriminated union, unknown
`i18n`	internationalization, i18n, locale, translation, multi-language
`state-management`	state, URL state, nuqs, context, useOptimistic, global store
`accessibility`	accessibility, a11y, WCAG, ARIA, screen reader, keyboard nav
`performance`	performance, bundle size, dynamic import, lazy, optimization
`env-validation`	env vars, environment, process.env, .env, build-time validation
`email`	email, transactional, welcome email, Resend, React Email
`background-jobs`	background job, queue, cron, scheduled task, Inngest, async work
`seo-advanced`	JSON-LD, structured data, sitemap, robots.txt, OpenGraph image
`file-uploads`	upload, file upload, S3, R2, Uploadthing, presigned URL
`rate-limiting`	rate limit, throttle, quota, abuse, DDoS
`logging`	log, logging, monitoring, Sentry, error tracking, observability
`payments`	payment, Stripe, checkout, subscription, billing, pricing
`webhooks`	webhook, stripe webhook, github webhook, signature, idempotency
`analytics`	analytics, tracking, posthog, vercel analytics, events, metrics
`real-time`	real-time, live, SSE, websocket, streaming, notifications
`image-optimization`	images, next/image, blur placeholder, og image, responsive
`observability`	observability, tracing, health check, OpenTelemetry, circuit breaker
`feature-flags`	feature flag, toggle, LaunchDarkly, Edge Config, A/B test
`compliance`	GDPR, cookie consent, data export, PII, right to delete, privacy
`api-documentation`	OpenAPI, Swagger, API docs, spec, versioning
`docker-dev`	docker, container, compose, dev environment, Dockerfile
`edge-computing`	edge, edge runtime, geo, CDN, edge function
`search`	search, Meilisearch, Algolia, full-text, faceted search
`notifications`	notification, push, in-app, toast, alert
`multi-tenancy`	tenant, multi-tenant, workspace, organization, B2B
`cms`	CMS, headless, Contentful, Sanity, MDX, content
`secrets-management`	secrets, vault, env management, key rotation
`pwa`	PWA, service worker, offline, web app manifest, installable
`trpc`	tRPC, type-safe API, RPC, end-to-end types
`storybook`	Storybook, component docs, stories, visual docs
`visual-regression`	visual regression, screenshot test, pixel diff

Selection Examples

User Request	Selected Skills
"Add a blog page with data from Prisma"	`nextjs-routing`, `nextjs-data`, `prisma`
"Create a form to add todos"	`react-forms`, `react-server-actions`
"Set up auth with GitHub login"	`auth`
"Why is my data stale?"	`caching`, `nextjs-data`
"Make my app faster"	`caching`, `react-suspense`, `react-server-components`
"Add error handling"	`error-handling`
"Start a new project"	`scaffold`
"Add translations"	`i18n`, `nextjs-middleware`
"Where should I store this state?"	`state-management`
"Is my app accessible?"	`accessibility`
"Optimize my bundle"	`performance`, `react-server-components`
"Generate test data"	`database-seeding`, `prisma`
"Validate my env vars at build time"	`env-validation`
"Send a welcome email"	`email`, `react-server-actions`
"Run this in the background"	`background-jobs`
"Add structured data for SEO"	`seo-advanced`, `nextjs-metadata`
"Add file uploads"	`file-uploads`
"Add rate limiting to my API"	`rate-limiting`, `nextjs-middleware`
"Set up logging and error tracking"	`logging`, `error-handling`
"Add Stripe payments"	`payments`, `prisma`
"Handle Stripe webhooks"	`webhooks`, `payments`
"Add analytics tracking"	`analytics`
"Add live notifications"	`real-time`, `react-client-components`
"Optimize my images"	`image-optimization`, `performance`
"Set up multi-tenant SaaS"	`multi-tenancy`, `auth`, `prisma`
"Add feature flags"	`feature-flags`
"Make my app GDPR compliant"	`compliance`, `security`
"Generate API docs"	`api-documentation`, `api-routes`
"Add search"	`search`, `prisma`
"Add push notifications"	`notifications`, `real-time`
"Dockerize my dev environment"	`docker-dev`
"Set up Storybook"	`storybook`, `shadcn`

Anti-pattern

Loading more than 3 skills at once. This overloads context and reduces quality.
If a request genuinely spans 4+ concerns, break it into sequential steps.

Composes With

flow — for predefined multi-step pipelines
All 55 other skills — vibe routes TO them

# Supported AI Coding Agents

This skill is compatible with the SKILL.md standard and works with all major AI coding agents:

⚡ Amp 🚀 Antigravity 🤖 Claude Code 🦀 Clawdbot 📝 Codex ▶️ Cursor 🤖 Droid 💎 Gemini CLI 🐙 GitHub Copilot 🪿 Goose 📊 Kilo Code 🔧 Kiro CLI 💻 OpenCode 🦘 Roo Code 🌲 Trae 🏄 Windsurf

Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.