complex-interactionImplements complex frontend interactions including drag-and-drop, virtual scrolling, rich text editing, real-time collaboration, Canvas/WebGL rendering, and...
Install via ClawdBot CLI:
clawdbot install wangzhiming1999/complex-interactionGrade Limited — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://github.com/wangzhiming1999/oliver-skill/issuesAudited Apr 21, 2026 · audit v1.0
Generated May 2, 2026
在项目管理或任务管理应用中，用户需要跨列拖拽任务卡片来改变状态或优先级。通过 @dnd-kit 实现跨容器拖拽，并利用 DragOverlay 提供流畅的拖拽预览，提升交互体验。
在数据仪表盘或日志查看器中，渲染成千上万条数据行并保持流畅滚动。使用 @tanstack/react-virtual 实现虚拟滚动，仅渲染视口附近的元素，极大减少 DOM 节点数量。
在在线文档或笔记应用中，支持多人同时编辑并实时同步内容。集成 Tiptap 与 Yjs，利用 CRDT 自动合并冲突，无需手动处理冲突逻辑。
在云存储或文件管理界面，用户通过拖拽整个文件夹上传，自动递归处理子文件。利用原生拖放 API 和 DataTransfer.items 实现文件夹上传。
在低代码或设计工具中，用户通过拖拽、缩放、旋转等操作与画布上的元素交互。使用 Konva.js 或 Fabric.js 快速实现可交互的 2D 图形编辑器。
提供高级协作编辑、虚拟滚动等复杂交互功能作为付费增值服务。用户按月或年订阅，获取更强大的交互体验。
将基础交互功能开源，企业版包含性能优化、实时协作等高级特性。通过企业支持、定制化服务和额外功能收费。
将复杂交互能力封装为 API 或 SDK，提供给其他开发者集成到其应用中，按调用量或并发数收费。
💬 Integration Tip
优先尝试成熟库（如 @dnd-kit、@tanstack/react-virtual），避免重复造轮子；实时协作场景使用 Yjs 可以大幅降低冲突解决成本。
Scored Apr 21, 2026
Automate PCB design with KiCad. Create schematics, design boards, export Gerbers, order from PCBWay. Full design-to-manufacturing pipeline.
Full AI Chief Financial Officer — connects Mercury Banking + Stripe into real-time business intelligence. Daily cash position, automated P&L, revenue trackin...
Build and run automated QA bots to simulate user journeys, detect broken links, validate UI, run regressions, test responsiveness, and measure performance ac...
Webhook testing and debugging tool. Send test webhook payloads to any URL, simulate various webhook events (GitHub, Stripe, Slack), inspect responses, and lo...
Context-aware task scheduling with priority management
Tests and debugs webhooks. Inspects requests and validates responses. Triggers: test webhook, webhook debug, http webhook.