UI 组件
基于代码的 UI 组件生成与样式实现
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.
atelier-spec-project-structure
martinffx
Directory layout implementing AgentOS 3-layer context. Use when setting up projects, organizing docs, or explaining where specs and changes go.
r3f-geometry
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
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
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
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
NikiforovAll
Learn practical techniques to enhance your AI-assisted development workflow with Claude Code.
spec-driven
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
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
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
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
steveclarke
Apply Better Stimulus best practices for writing maintainable, reusable StimulusJS controllers following SOLID principles
favicon
steveclarke
Generate favicons from a source image
design-branding
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
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.
session-window-interaction
loadingvx
把工作台内容（文件、网络请求、终端选中内容等）写入原生会话输入框并显示为胶囊（attention 胶囊）的机制与踩坑。当任务涉及「添加到会话 / add to chat / 拖拽到会话窗口 / 胶囊 / chip / 会话输入框插入 / slash/input-insert-reference / ctx.sessions」时触发。
domain-name-brainstormer
Kilo-Org
Generates creative domain name ideas for your project and checks availability across multiple TLDs (.com, .io, .dev, .ai, etc.). Saves hours of brainstorming and manual checking.
figma-implement-design
Kilo-Org
"Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation). Trigger when the user provides Figma URLs or node IDs, or asks to implement designs or components that must match Figma specs. Requires a working Figma MCP server connection."