UI Components
Code-based UI component generation and styling
前端权限控制方案 (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.
educational-video-creator
by 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
by martinffx
Requirements discovery and scope definition. Use when gathering requirements, conducting discovery interviews, defining scope boundaries, or prioritizing features.
atelier-spec-project-structure
by martinffx
Directory layout implementing AgentOS 3-layer context. Use when setting up projects, organizing docs, or explaining where specs and changes go.
r3f-geometry
by EnzeD
React Three Fiber geometry - built-in shapes, BufferGeometry, instancing with Drei. Use when creating 3D shapes, custom meshes, point clouds, lines, or optimizing with instanced rendering.
formkit-core-skilld
by harlan-zw
"ALWAYS use when writing code importing \"@formkit/core\". Consult for debugging, best practices, or modifying @formkit/core, formkit/core, formkit core, formkit."
reka-ui-skilld
by harlan-zw
"ALWAYS use when writing code importing \"reka-ui\". Consult for debugging, best practices, or modifying reka-ui, reka ui."
tanstack-ai-vue-skilld
by harlan-zw
"ALWAYS use when writing code importing \"@tanstack/ai-vue\". Consult for debugging, best practices, or modifying @tanstack/ai-vue, tanstack/ai-vue, tanstack ai-vue, tanstack ai vue, ai."
Nano Banana Prompting
by NikiforovAll
Learn practical techniques to enhance your AI-assisted development workflow with Claude Code.
spec-driven
by NikiforovAll
Guide spec-driven development workflow (Requirements → Design → Tasks → Implementation) with approval gates between phases. Use when user wants structured feature planning or says "use spec-driven" or "follow the spec process".
ruby-cli
by steveclarke
Build and maintain Ruby CLI tools using Thor and Zeitwerk. Use when creating new Ruby CLI gems, adding commands, editing CLI code, refactoring, or enhancing existing CLI tools. Triggers on "Ruby CLI", "Thor CLI", "command-line tool in Ruby", or when working on files in a Thor/Zeitwerk CLI codebase.
android-kotlin-development
by aj-geddes
Develop native Android apps with Kotlin. Covers MVVM with Jetpack, Compose for modern UI, Retrofit for API calls, Room for local storage, and navigation architecture.
guided-config
by steveclarke
Guide through service/tool configuration step-by-step while maintaining clean documentation of the successful setup path. Captures screenshots, filters failed attempts, and produces a polished README. Use when setting up integrations, configuring services, or documenting setup processes. Triggers on "help me configure", "set up integration", "guided setup".
better-stimulus
by steveclarke
Apply Better Stimulus best practices for writing maintainable, reusable StimulusJS controllers following SOLID principles
favicon
by steveclarke
Generate favicons from a source image
design-branding
by manojbajaj95
This skill should be used when the user asks to "create brand identity", "build brand kit", "logo design", "brand guidelines", "visual identity", or mentions branding, design systems, or creative assets. Creates professional brand identity and design systems that establish authority.
customer-success-manager
by manojbajaj95
Expert in onboarding, adoption, and retention strategies. Specializes in turning users into advocates through structured success plans and proactive health monitoring. Use when designing onboarding flows, creating success plans, or improving customer retention.