前端

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

获取

vue-router-best-practices

5.4Kfrontend

Vue Router 4 模式、导航守卫、路由参数以及路由与组件生命周期的交互。

antfu

获取

pinia

5.4Kfrontend

Pinia 官方 Vue 状态管理库，类型安全且可扩展。用于定义 store、操作 state/getters/actions 或在 Vue 应用中实现 store 模式。

antfu

获取

vueuse-functions

5.4Kfrontend

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

antfu

获取

vue-best-practices

5.4Kfrontend

必须用于 Vue.js 任务。强烈推荐使用 Composition API 配合 `<script setup>` 和 TypeScript 作为标准方法。涵盖 Vue 3、SSR、Volar、vue-tsc。在处理任何 Vue、.vue 文件、Vue Router、Pinia 或 Vite 与 Vue 相关工作时加载。除非项目明确要求 Options API，否则始终使用 Composition API。

antfu

获取

vue

5.4Kfrontend

Vue 3 组合式 API、script setup 宏、响应式系统和内置组件。在编写 Vue SFC、使用 defineProps/defineEmits/defineModel、侦听器或使用 Transition/Teleport/Suspense/KeepAlive 时使用。

antfu

获取

vite

5.4Kfrontend

Vite 构建工具配置、插件 API、SSR 以及 Vite 8 Rolldown 迁移。适用于处理 Vite 项目、vite.config.ts、Vite 插件或使用 Vite 构建库/SSR 应用。

antfu

获取

remotion-saas

4Kfrontend

使用 Remotion 构建视频应用 - 框架、渲染和 Player 建议

remotion-dev

获取

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

获取

fixing-metadata

3.5Kfrontend

审计并修复HTML元数据，包括页面标题、元描述、规范URL、Open Graph标签、Twitter卡片、网站图标、JSON-LD结构化数据和机器人指令。在添加SEO元数据、修复社交分享预览、审查Open Graph标签、设置规范URL或发布需要正确元标签的新页面时使用。

ibelick

获取

baseline-ui

3.5Kfrontend

通过修复间距、层级、排版和小型布局问题，快速打磨UI代码。当界面需要快速清理或润色时使用。

ibelick

获取

fixing-motion-performance

3.4Kfrontend

审计并修复动画性能问题，包括布局抖动、合成器属性、滚动关联动画和模糊效果。当动画卡顿、过渡不平滑或审查 CSS/JS 动画性能时使用。

ibelick

获取

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

获取

ultracite

3.1Kfrontend

Ultracite 是一个零配置的 JavaScript/TypeScript 项目代码检查与格式化预设。适用于以下场景：(1) 在项目中设置或初始化 Ultracite（ultracite init），(2) 运行代码检查或格式化命令（check、fix、doctor），(3) 在使用了 Ultracite 的项目中编写或审查 JS/TS 代码——遵循其代码规范，(4) 排查代码检查/格式化问题，(5) 用户在安装了 Ultracite 的项目中提及 'ultracite'、'lint'、'format'、'code quality' 或 'biome/eslint/oxlint'。

haydenbleasel

获取

vue-jsx-best-practices

2.8Kfrontend

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

hyf0

获取

vue-options-api-best-practices

2.8Kfrontend

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

hyf0

获取

vue-router-best-practices

2.7Kfrontend

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

hyf0

获取

vue-jsx-best-practices

2.7Kfrontend

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

vuejs-ai

获取

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

获取

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

获取

vue-router-best-practices

2.7Kfrontend

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

vuejs-ai

获取

vue-best-practices

2.7Kfrontend

必须用于 Vue.js 任务。强烈推荐使用 Composition API 配合 `<script setup>` 和 TypeScript 作为标准方法。涵盖 Vue 3、SSR、Volar、vue-tsc。在处理任何 Vue、.vue 文件、Vue Router、Pinia 或使用 Vue 的 Vite 项目时加载。除非项目明确要求 Options API，否则始终使用 Composition API。

vuejs-ai

获取

vue-debug-guides

2.7Kfrontend

Vue 3 调试与错误处理，涵盖运行时错误、警告、异步失败以及 SSR/水合问题。在诊断或修复 Vue 问题时使用。

hyf0

获取

vue-best-practices

2.6Kfrontend

必须用于 Vue.js 任务。强烈推荐使用 Composition API 配合 `<script setup>` 和 TypeScript 作为标准方法。涵盖 Vue 3、SSR、Volar、vue-tsc。在处理任何 Vue、.vue 文件、Vue Router、Pinia 或使用 Vue 的 Vite 项目时加载。除非项目明确要求 Options API，否则始终使用 Composition API。

hyf0

获取