Components d’interfície
Generació de components d’interfície i implementació d’estils amb codi
r3f-postprocessing
EnzeD
React Three Fiber post-processing - @react-three/postprocessing, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.
r3f-textures
EnzeD
React Three Fiber textures - useTexture, texture loading, environment maps, texture configuration. Use when loading images, working with PBR texture sets, cubemaps, HDR environments, or optimizing texture usage.
r3f-animation
EnzeD
React Three Fiber animation - useFrame, useAnimations, spring physics, keyframes. Use when animating objects, playing GLTF animations, creating procedural motion, or implementing physics-based movement.
auth0-migration
auth0
Use when migrating from existing auth providers (Firebase, Cognito, Supabase, custom auth) to Auth0 - covers bulk user import, gradual migration strategies, code migration patterns, and JWT validation updates
auth0-nextjs
auth0
Use when adding authentication to Next.js applications with both server and client-side auth - supports App Router and Pages Router with @auth0/nextjs-auth0 SDK
auth0-vue
auth0
Use when adding authentication to Vue.js 3 applications (login, logout, user sessions, protected routes) - integrates @auth0/auth0-vue SDK for SPAs with Vite or Vue CLI
auth0-react
auth0
Use when adding authentication to React applications (login, logout, user sessions, protected routes) - integrates @auth0/auth0-react SDK for SPAs with Vite or Create React App
auth0-react-native
auth0
Use when adding authentication to React Native or Expo mobile apps (iOS/Android) with biometric support - integrates react-native-auth0 SDK with native deep linking
auth0-quickstart
auth0
Use when starting Auth0 integration in any framework - detects your stack (React, Next.js, Vue, Angular, Express, React Native) and routes to correct SDK setup workflow
system-design-draft
proflead
Draft a practical system design for a feature. Use when a mid-level developer needs a starting architecture.
Vue 3 组合式函数最佳实践 (Composables)
TencentBlueKing
提供标准化的 useTable, useRequest 等 Hooks，用于简化列表页和异步请求的逻辑复用。
chat-x-custom-component
TencentBlueKing
帮助开发者创建 @blueking/chat-x 自定义 message 组件。当用户需要开发自定义消息类型时使用。
chat-x-unit-test
TencentBlueKing
帮助开发者为 Vue 3 组件编写单元测试。当用户需要添加单元测试时使用。
codex-architect
sd0xdev
"Codex architecture consulting. Use when: designing features, evaluating architecture, getting second opinion on design. Not for: implementation (use codex-implement), code review (use codex-code-review). Output: architecture advice + design recommendations."
前端权限控制方案 (IAM)
TencentBlueKing
基于蓝鲸 IAM 的前端鉴权方案，包含 v-authority 指令实现、权限组件封装及无权限交互规范。
chat-x-contribute
TencentBlueKing
帮助开发者上手 @blueking/chat-x 组件库开发。当用户需要了解 chat-x、开发新组件时使用。
Vite 构建产物体积优化
TencentBlueKing
使用 Rollup Visualizer 分析产物，并通过拆包 (Code Splitting) 和 Tree Shaking 减少首屏体积。
BKUI 快速入门
TencentBlueKing
蓝鲸前端知识库入口指南，包含规范、索引和工作流程
蓝鲸 MagicBox 3.0 组件专家规则
TencentBlueKing
设计稿还原规则。先输出布局分析报告，再按需加载模版
Webpack 到 Vite 迁移指南
TencentBlueKing
详细记录了大型 Vue 项目从 Webpack 迁移到 Vite 的完整步骤，包括别名配置、环境变量处理和 CommonJS 兼容性问题的解决。
Vue 3 组件单元测试指南 (Vitest)
TencentBlueKing
使用 Vitest 和 Vue Test Utils 的标准模版与断言技巧
vue-best-practices
TencentBlueKing
Vue 3 TypeScript, vue-tsc, Volar, Vite, component props, testing, composition API.
educational-video-creator
skindhu
"Create educational videos using Remotion with Kurzgesagt/回形针 style. Use when users want to: (1) create teaching or educational videos, (2) design video storyboards, (3) produce animated explainer videos, (4) build SVG-based animations for learning content, (5) visualize complex concepts with motion graphics, (6) make science/tech explainer videos, (7) create 可视化讲解视频 or 科普视频. Triggers on requests like '帮我做一个教学视频', 'create an explainer video about X', '制作科普动画', 'make a video explaining Y'. This skill requires remotion-best-practices skill for technical implementation."
atelier-spec-product
martinffx
Requirements discovery and scope definition. Use when gathering requirements, conducting discovery interviews, defining scope boundaries, or prioritizing features.