tailwindcss-interactivity
交互性工具类 Tailwind CSS v4.1。光标(cursor-*),滚动(scroll-smooth, scroll-snap-*, overscroll-*),用户选择(select-*),指针事件(pointer-events-*),触摸操作,调整大小,插入符颜色,强调色。
把 Skill 的源码、资源快照、README、包体和安装信号放进一个可搜索、可筛选的公开目录。
交互性工具类 Tailwind CSS v4.1。光标(cursor-*),滚动(scroll-smooth, scroll-snap-*, overscroll-*),用户选择(select-*),指针事件(pointer-events-*),触摸操作,调整大小,插入符颜色,强调色。
UI操作开发完整指南,包括表单按钮、列表按钮、上下文菜单操作、客户端和服务器端脚本、条件、安全性以及常见模式
使用Vue组件的声明式ThreeJS。在编写导入"@tresjs/core"的代码时始终使用。咨询有关调试、最佳实践或修改@tresjs/core, tresjs/core, tresjs core, tres的信息。
用于在Vue中虚拟化可滚动元素的无头UI。在编写导入"@tanstack/vue-virtual"的代码时始终使用。咨询以进行调试、最佳实践或修改@tanstack/vue-virtual, tanstack/vue-virtual, tanstack vue-virtual, tanstack vue virtual, virtual。
从用户使用体验而非单层技术实现角度,执行问题扫描、优先级判定与修复闭环。用于“功能看似可用但体验不通”的场景,例如配置后不生效、交互无反馈、错误提示误导、跨前后端链路断裂、模型/供应商切换失败、复制导出等关键操作报错。
使用Scope Rule和Screaming Architecture为Next.js 15+应用程序建立架构。在(1)设置新项目,(2)决定组件放置(本地与共享),(3)重构代码库,或(4)实现服务器操作、布局和路由组时使用此技能。
在React Native和Expo应用程序中使用KorUI库(@korsolutions/ui)的完整指南。当使用KorUI构建用户界面、自定义主题、设置库、使用27种以上的组件(如Button、IconButton、Input、Select、Checkbox、RadioGroup、Alert、Card、Separator、Tabs、Menu、Popover、Calendar、Toast等)、样…
实现Home Assistant集成的WebSocket API命令。当被问到WebSocket API、自定义API端点、前端集成、自定义面板或向前端提供实时数据时使用。
Transform & Animation utilities Tailwind CSS v4.1。变换(scale-*、rotate-*、translate-*、skew-*、transform-origin)、过渡(transition-*、duration-*、ease-*、delay-*)、动画(animate-*、@keyframes)
强大的、类型安全的Vue表单。在编写导入"@tanstack/vue-form"代码时总是使用它。咨询以调试、最佳实践或修改@tanstack/vue-form, tanstack/vue-form, tanstack vue-form, tanstack vue form, form。
由Vite和Vue驱动的静态网站生成器。在编写导入"vitepress"的代码时总是使用它。咨询以进行调试、最佳实践或修改vitepress。
用于实用程序库的集成包装器。在编写导入"@vueuse/integrations"的代码时始终使用。咨询调试、最佳实践或修改@vueuse/integrations, vueuse/integrations, vueuse integrations, vueuse相关问题。
查找CE.SDK Nuxt.js参考文档、指南和配置页面。当用户需要Nuxt.js的CE.SDK文档时使用——包括配置、UI自定义、导出选项、功能指南或入门指南。当用户提到"IMG.LY"、"CreativeEditor"、"CE.SDK"或"cesdk"并且需要现有的Nuxt.js文档页面时也会触发。不用于编写代码(请使用构建指令)或概念解释(请使用解释指令)。<example>上下文:用户询问…
使用MCP工具在Blockbench中创建和编辑3D模型。适用于用立方体构建几何体、创建网格、放置球体/圆柱体、编辑顶点、拉伸面或通过组来组织模型等场景。涵盖了基于立方体的Minecraft建模和自由形式的网格编辑。
当用户想要定义、审核或应用视觉识别(字体排印、颜色、间距、前端美学)时。也适用于用户提到“品牌风格指南”、“视觉识别”、“设计系统”、“字体排印”、“色彩调色板”、“品牌指南”、“AI品牌美学”、“品牌色彩”、“字体选择”、“间距系统”、“设计令牌”、“动态效果”、“独特设计”或“前端美学”的情况。
Qt Model/View架构 —— QAbstractItemModel,表格/列表/树视图,项代理以及代理模型。当显示表格数据、构建带有自定义项的列表、实现树结构、创建可排序/过滤的表格或编写自定义项代理时使用。触发短语:“QAbstractItemModel”、“table view”、“list model”、“QTableView”、“QListView”、“tree view”、“it…
当用户正在构建Go/Templ Web应用程序,使用templUI组件,将站点转换为Templ,询问关于templ语法、Script()模板、HTMX/Alpine集成、在templ中使用JavaScript,或者处理.templ文件时。此外,如果用户在Go Web项目中提到“组件库”、“UI组件”、“按钮/卡片/模态框/表格”,“templ generate”,与Go一起使用的Alpine.js…
向您的应用程序添加组件。在编写代码导入"shadcn-vue"时始终使用。咨询有关调试、最佳实践或修改shadcn-vue, shadcn vue的信息。
与框架无关的类型安全存储,带有响应式框架适配器。在编写导入 "@tanstack/vue-store" 的代码时始终使用。咨询调试、最佳实践或修改 @tanstack/vue-store, tanstack/vue-store, tanstack vue-store, tanstack vue store, store 相关问题。
在编写代码导入"@vueuse/shared"时始终使用。用于调试、最佳实践或修改@vueuse/shared, vueuse/shared, vueuse shared, vueuse。
创建符合品牌形象的图形和视觉素材,作为原生可编辑的Figma设计。当需要创建图形、视觉效果、图表、社交图片、幻灯片素材、营销材料或任何应遵循品牌的视觉素材时使用。创建原生Figma对象(框架、文本、形状、自动布局)以实现完全可编辑性。也可以在特别需要代码输出时生成SVG、D2或Mermaid格式。需要figma和figma-console MCP服务器。
一位为Loom带来清晰度和精致感的UX/UI设计师
当用户想要设计、优化或审查英雄区域(首屏主要视觉区域)时。也适用于用户提到“英雄”、“英雄区域”、“英雄部分”、“首屏”、“首屏内容”、“着陆英雄”、“主横幅”、“横幅部分”、“第一屏”、“英雄区域设计”、“英雄转化”、“分割布局英雄”、“居中英雄”或“英雄对齐”时。
配置PyInstaller以使用spec文件和捆绑选项进行Python二进制构建。