UI Components
Code-based UI component generation and styling
document-writer
by onmax
Use when writing blog posts or documentation markdown files - provides writing style guide (active voice, present tense), content structure patterns, and MDC component usage. Overrides brevity rules for proper grammar. Use nuxt-content for MDC syntax, nuxt-ui for component props.
vue
by onmax
Use when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/emits best practices, VueUse integration, and reactive destructuring guidance
vite
by onmax
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.
reka-ui
by onmax
Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue.
motion
by onmax
Use when adding animations with Motion Vue (motion-v) - provides motion component API, gesture animations, scroll-linked effects, layout transitions, and composables for Vue 3/Nuxt
frontend-design
by WenJunDuan
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
web-artifacts-builder
by WenJunDuan
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
Vue 3 组合式函数最佳实践 (Composables)
by TencentBlueKing
提供标准化的 useTable, useRequest 等 Hooks，用于简化列表页和异步请求的逻辑复用。
chat-x-custom-component
by TencentBlueKing
帮助开发者创建 @blueking/chat-x 自定义 message 组件。当用户需要开发自定义消息类型时使用。
chat-x-unit-test
by TencentBlueKing
帮助开发者为 Vue 3 组件编写单元测试。当用户需要添加单元测试时使用。
前端权限控制方案 (IAM)
by TencentBlueKing
基于蓝鲸 IAM 的前端鉴权方案，包含 v-authority 指令实现、权限组件封装及无权限交互规范。
chat-x-contribute
by TencentBlueKing
帮助开发者上手 @blueking/chat-x 组件库开发。当用户需要了解 chat-x、开发新组件时使用。
Vite 构建产物体积优化
by TencentBlueKing
使用 Rollup Visualizer 分析产物，并通过拆包 (Code Splitting) 和 Tree Shaking 减少首屏体积。
BKUI 快速入门
by TencentBlueKing
蓝鲸前端知识库入口指南，包含规范、索引和工作流程
蓝鲸 MagicBox 3.0 组件专家规则
by TencentBlueKing
设计稿还原规则。先输出布局分析报告，再按需加载模版
Webpack 到 Vite 迁移指南
by TencentBlueKing
详细记录了大型 Vue 项目从 Webpack 迁移到 Vite 的完整步骤，包括别名配置、环境变量处理和 CommonJS 兼容性问题的解决。
Vue 3 组件单元测试指南 (Vitest)
by TencentBlueKing
使用 Vitest 和 Vue Test Utils 的标准模版与断言技巧
vue-best-practices
by TencentBlueKing
Vue 3 TypeScript, vue-tsc, Volar, Vite, component props, testing, composition API.
documentation-criteria
by shinpr
Documentation creation criteria including PRD, ADR, Design Doc, and Work Plan requirements with templates. Use when creating or reviewing technical documents, or determining which documents are required.
implementation-approach
by shinpr
Implementation strategy selection framework with meta-cognitive approach, verification levels, and integration point definitions. Use when planning implementation strategy, selecting development approach, or defining verification criteria.
task-analyzer
by shinpr
Performs metacognitive task analysis and skill selection. Use when determining task complexity, selecting appropriate skills, or estimating work scale. Returns skills with confidence scores and metadata.
fix-sphix-docs
by tradingstrategy-ai
Fix errors and warnings in Sphinx docs build
msvc-cl
by mohitmishra786
MSVC cl.exe and clang-cl skill for Windows C/C++ projects. Use when configuring Visual Studio builds, MSBuild, or clang-cl as a drop-in MSVC replacement. Covers translating GCC/Clang flags to MSVC equivalents, runtime library selection, Windows SDK setup, and diagnosing MSVC-specific errors. Activates on queries about cl.exe, clang-cl, /O flags, /MT vs /MD, PDB files, Windows ABI, or MSVC project settings.
by whawkinsiv
"Use this skill when the user needs to create email sequences, design onboarding drips, write welcome emails, set up behavioral triggers, or improve email engagement. Covers lifecycle email programs, subject line formulas, and drip campaign design."