Results for “vibes”

14 skills

Review a built frontend against its chosen direction, catch drift back to generic AI defaults, enforce state coverage, ethical patterns, UX heuristics, and polish, and check contrast with APCA (not the legacy WCAG ratio). Produces specific, prioritized fixes — never vibes-based feedback. Works with pasted screenshots or Playwright MCP automated capture. Load when the user asks to review a UI, audit a design, check if a frontend looks generic or vibecoded, evaluate visual quality or polish, says "review this UI", "is this design good", "audit my frontend", "does this feel like [product]", "design QA", or when frontend-design routes here. Sub-skill of frontend-design.

More results

Create Adaptable Composable

Create library-grade Vue composables that accept maybe-reactive inputs (MaybeRef/MaybeRefOrGetter) so callers can pass plain values, refs, or getters. Normalize inputs with toValue()/toRef() inside reactive effects for predictable behavior.

Unit Test Vue Pinia

Write and review unit tests for Vue 3 + TypeScript + Vitest + Pinia codebases, covering components, composables, and stores with behavior-first assertions.

36.2k · bundle

Vue Testing Best Practices

Provides best practices, patterns, and solutions for testing Vue.js applications, covering Vitest, Vue Test Utils, component testing, mocking, and Playwright for E2E testing.

State-of-the-art data visualization for React/Next.js/TypeScript with Tailwind CSS. Creates compelling, tested, and accessible visualizations following Tufte principles and NYT Graphics standards. Activate on "data viz", "chart", "graph", "visualization", "dashboard", "plot", "Recharts", "Nivo", "D3". NOT for static images, print graphics, or basic HTML tables.

Vue Testing Best Practices

Provides Vue.js testing best practices, patterns, and solutions for common pitfalls using Vitest, Vue Test Utils, and Playwright.

Vibecoding Animated Websites

Builds high-end, animated websites with a focus on aesthetics, semantic HTML, and accessibility. Use when the user wants to "vibecode", create an "animated website", or use the "Noir Luxe" style workflow.

Build documentation sites, configure themes, and write Markdown with Vue components using the VitePress static site generator.

Build documentation sites with VitePress, covering configuration, Markdown, Vue components, themes, and deployment.

Vue 3 Composition API, script setup macros, reactivity system, and built-in components. Use when writing Vue SFCs, defineProps/defineEmits/defineModel, watchers, or using Transition/Teleport/Suspense/KeepAlive.

Integrate, customize, and contribute to react-bits (github.com/DavidHDev/react-bits) — the largest and most creative library of animated React components. It covers Vite, Tailwind CSS v4, Three.js/Fiber, GSAP, and Framer Motion integrations. Use when the user asks about react-bits, animated React components, jsrepo registry, or contributing new animated components to the react-bits repository.

Vue.js is a progressive JavaScript framework for building user interfaces. It features the Composition API with reactive refs and computed values, single-file components, and an approachable learning curve with powerful scaling capabilities.

Tone down overly bold or visually aggressive designs. Reduces intensity while maintaining design quality and impact.

Mengto Thinking Orbs

Add accessible animated AI loading and agent-status indicators with the React thinking-orbs library. Use when a chat, copilot, voice, search, generation, or tool-running interface needs a semantic working, searching, solving, listening, composing, or shaping state; when replacing a generic spinner with an AI activity orb; or when implementing the library's size, theme, speed, pause, reduced-motion, and canvas behavior.