Frontend

streamdown

5.5Kfrontend

Implement, configure, and customize Streamdown — a streaming-optimized React Markdown renderer with syntax highlighting, Mermaid diagrams, math rendering, and CJK support. Use when working with Streamdown setup, configuration, plugins, styling, security, or integration with AI streaming (e.g., Vercel AI SDK). Triggers on: (1) Installing or setting up Streamdown, (2) Configuring plugins (code, mermaid, math, cjk), (3) Styling or theming Streamdown output, (4) Integrating with AI chat/streaming, (5) Configuring security, link safety, or custom HTML tags, (6) Using carets, static mode, or custom components, (7) Troubleshooting Tailwind, Shiki, or Vite issues.

vercel

Get

vue-router-best-practices

5.4Kfrontend

Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

antfu

Get

pinia

5.4Kfrontend

Pinia official Vue state management library, type-safe and extensible. Use when defining stores, working with state/getters/actions, or implementing store patterns in Vue apps.

antfu

Get

vueuse-functions

5.4Kfrontend

Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.

antfu

Get

vue-best-practices

5.4Kfrontend

MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.

antfu

Get

vue

5.4Kfrontend

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.

antfu

Get

vite

5.4Kfrontend

Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building libraries/SSR apps with Vite.

antfu

Get

remotion-saas

4Kfrontend

Building video apps with Remotion - framework, rendering and Player advice

remotion-dev

Get

hallmark

3.5Kfrontend

Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots. Use when the user asks to build a new app or landing page, wants to redesign something, invokes Hallmark by name, or uses audit/redesign/study.

nutlope

Get

fixing-metadata

3.5Kfrontend

>

ibelick

Get

baseline-ui

3.5Kfrontend

Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.

ibelick

Get

fixing-motion-performance

3.4Kfrontend

Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.

ibelick

Get

iot

3.1Kfrontend

Create IoT architecture diagrams using PlantUML syntax with device and sensor stencil icons. Best for smart home, industrial IoT (IIoT), fleet management, edge computing, and sensor network layouts.

markdown-viewer

Get

ultracite

3.1Kfrontend

Ultracite is a zero-config linting and formatting preset for JavaScript/TypeScript projects. Use when: (1) Setting up or initializing Ultracite in a project (ultracite init), (2) Running linting or formatting commands (check, fix, doctor), (3) Writing or reviewing JS/TS code in a project that uses Ultracite — to follow its code standards, (4) Troubleshooting linting/formatting issues, (5) User mentions 'ultracite', 'lint', 'format', 'code quality', or 'biome/eslint/oxlint' in a project with Ultracite installed.

haydenbleasel

Get

vue-jsx-best-practices

2.8Kfrontend

JSX syntax in Vue (e.g., class vs className, JSX plugin config).

hyf0

Get

vue-options-api-best-practices

2.8Kfrontend

Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.

hyf0

Get

vue-router-best-practices

2.7Kfrontend

Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

hyf0

Get

vue-jsx-best-practices

2.7Kfrontend

JSX syntax in Vue (e.g., class vs className, JSX plugin config).

vuejs-ai

Get

vue-options-api-best-practices

2.7Kfrontend

Vue 3 Options API style (data(), methods, this context). Each reference shows Options API solution only.

vuejs-ai

Get

vue-debug-guides

2.7Kfrontend

Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.

vuejs-ai

Get

vue-router-best-practices

2.7Kfrontend

Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.

vuejs-ai

Get

vue-best-practices

2.7Kfrontend

MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.

vuejs-ai

Get

vue-debug-guides

2.7Kfrontend

Vue 3 debugging and error handling for runtime errors, warnings, async failures, and SSR/hydration issues. Use when diagnosing or fixing Vue issues.

hyf0

Get

vue-best-practices

2.6Kfrontend

MUST be used for Vue.js tasks. Strongly recommends Composition API with `<script setup>` and TypeScript as the standard approach. Covers Vue 3, SSR, Volar, vue-tsc. Load for any Vue, .vue files, Vue Router, Pinia, or Vite with Vue work. ALWAYS use Composition API unless the project explicitly requires Options API.

hyf0

Get