artifacts-builder
设计多媒体 · Claude · Artifacts · 前端开发 · 交互网页 · 代码生成
用于使用现代前端 Web 技术(React、Tailwind CSS、shadcn/ui)创建复杂的多组件 claude.ai HTML 工件的工具套件。适用于…
用自然语言找工具、提示词、技能、MCP 与工作流。
已理解:
共 0 条
React · Next.js · TypeScript · Tailwind · CSS · AI · 代理规则 · AGENTS.md
面向 React 与 Next.js 项目的通用开发指令集,作为 AGENTS.md 等代理规则基座使用
资深前端开发,React/Vue工程实践
当Next.js前端专家,帮你做React应用开发
当前端开发专家,写React/Vue组件代码
React版Linux监控仪表盘开发需求
Next.js部落冲突综合工具开发
设计多媒体 · Claude · Artifacts · 前端开发 · 交互网页 · 代码生成
用于使用现代前端 Web 技术(React、Tailwind CSS、shadcn/ui)创建复杂的多组件 claude.ai HTML 工件的工具套件。适用于…
设计多媒体 · React 组件构建 · Tailwind 样式开发 · HTML 制品生成 · Claude 制品集成 · 嵌入式页面开发
使用 React 和 Tailwind 构建复杂的 claude.ai HTML artifacts。Anthropic 用于交付丰富、可嵌入 artifact…
编程协作 · CopilotKit 贡献 · 开源协作 · 合并请求提交 · 测试运行 · 代码仓库分叉
在为 CopilotKit 开源项目做贡献时使用 —— 包括 fork、克隆、搭建 monorepo、创建分支、运行测试,以及向 CopilotKit/Copi…
编程协作 · 状态管理迁移 · Redux 方案重构 · React Query 数据获取 · Zustand 客户端状态 · URL 状态同步 nuqs · 服务端与客户端状态分离
将 Redux 或 React Context 迁移到正确的状态方案(服务状态用 React Query,URL/可分享状态用 nuqs,全局客户端状态用 Zu…
编程协作 · skill · agent-skill · chatgpt · app · builder · CopilotKit · mcp
已弃用:本技能已被 `mcp-app-builder` 取代。 请检查 skills 文件夹中是否提供 `mcp-app-builder`。如果不可用,请安装:…
流程自动化 · Google 日历 · 事件订阅续期 · Workspace 集成 · 订阅重新激活 · 事件订阅管理
Google Workspace Events:续订/重新激活 Workspace Events 订阅。
编程协作 · CopilotKit 开发 · AI 对话界面 · 前端工具注册 · 智能体中断处理 · 应用上下文共享
在构建基于 CopilotKit v2 的 AI 功能时使用 —— 添加聊天界面、注册前端工具、与 agent 共享应用上下文、处理 agent 中断,以及使用…
设计多媒体 · GSAP 动画集成 · Vue 动画开发 · Svelte 动画支持 · 组件卸载清理 · 框架生命周期绑定
面向 Vue、Svelte 以及其他非 React 框架的官方 GSAP 技能 — 涉及生命周期、选择器作用域以及卸载时的清理。当用户希望在 Vue、Nuxt、…
设计多媒体 · 1920 自由画布 · React 组件级组合 · 演示文稿排版 · 自定义视觉设计 · 不绑定模板 · 16:9 设计稿
锁死 1920×1080 画布, React 组件级自由组合, 不绑模板
编程协作 · CopilotKit 版本升级 · 旧版 API 迁移 · AG-UI 协议切换 · 组件导入更新 · 框架升级辅助
用于将 CopilotKit v1 应用迁移到 v2 时使用 -- 更新包导入、替换已弃用的 hooks 和组件、从 GraphQL 运行时切换到 AG-UI …
编程协作 · AG-UI协议实现 · 智能体前端流式通信 · 状态同步与工具调用 · CopilotKit后端集成 · 人工干预交互流程
在构建自定义代理后端、实现 AG-UI 协议、调试流式传输问题,或理解代理如何与前端通信时使用。涵盖事件类型、SSE 传输、AbstractAgent/Http…
编程协作 · 智能体界面渲染 · CopilotKit 集成 · 声明式 UI 组件 · 主题定制支持 · 运行时配置
在 CopilotKit v2 中渲染 A2UI(Agent-to-UI 声明式界面)。通过 CopilotRuntime({ a2ui: {...} }) 启…
编程协作 · MCP 服务器构建 · mcp-use 框架开发 · 工具资源定义 · 交互组件开发 · 已弃用迁移提示
已弃用:本技能已被 `mcp-app-builder` 取代。 请检查 skills 文件夹中是否已存在 `mcp-app-builder`。若不存在,请通过以…
研究分析 · 动效基础 · 动画原则 · 界面动效 · 设计系统
日本語訳:このファイルは motion-foundations 用の日本語訳が必要です
编程协作 · Slack 频道接入 · Microsoft Teams 集成 · 长时任务托管服务 · 代理通道代码开发 · CopilotKit 后端对接
用于与 Slack 或 Microsoft Teams 配对的托管 Intelligence Channel 的"代码"部分:自定义 CLI 脚手架生成项目中的…
编程协作 · 主题皮肤开发 · 界面定制 · 品牌换肤 · 演示应用配置 · Shell 契约实现
为 reskinnable-demo 应用编写一个 NEW(全新)皮肤。皮肤是位于 src/skins/<id>/ 下的独立领域插件, 它实现了冻结的 `Ski…
编程协作 · HeroUI 组件库 · React Native 界面 · 移动端 UI 开发 · Uniwind 样式配置 · 主题切换支持
HeroUI Native 是用于 React Native 的组件库(通过 Uniwind 使用 Tailwind v4)。在以下场景使用:使用 HeroUI…
设计多媒体 · Three.js 瀑布流画廊 · 滚动响应式动画 · 像素网格溶解效果 · GSAP 动效编排 · 文字分割标题 · 全屏翻转预览
一个滚动响应的瀑布流画廊(Three.js + GSAP),每张图片在进入视口时以像素/网格溶解效果显现,包含拆分文字标题和点击全屏翻转。
编程协作 · TypeScript编码规范 · React代码风格 · JavaScript最佳实践 · 代码审查指南 · Node.js开发规范
适用于TypeScript、JavaScript、React和Node.js开发的通用编码标准、最佳实践和模式。
编程协作 · React 动画 · UI 交互动效 · 页面切换 · 模态弹窗 · 滚动动效
面向 React / Next.js 的生产级动画模式 —— 按钮、模态框、Toast、错峰、页面过渡、退场动画、滚动与布局 —— 构建于 motion-fou…
编程协作 · 协作平台智能体 · Slack机器人接入 · Teams机器人接入 · CopilotKit部署 · 长连接宿主配置
当开发者想要构建第一个 CopilotKit Channels agent,并让它在 Slack 或 Microsoft Teams 中能够回复时使用——例如“…
编程协作 · A2UI 界面渲染 · 声明式 UI 组件 · CopilotKit 主题定制 · 组件动作桥接 · 运行时配置启用
在 CopilotKit v2 中渲染 A2UI(Agent-to-UI 声明式界面)。通过 CopilotRuntime({ a2ui: {...} }) 启…
编程协作 · CopilotKit 故障诊断 · 运行时连接排查 · 流式事件追踪 · 工具执行调试 · 版本兼容检查
用于诊断 CopilotKit 问题 -- 运行时连接失败、智能体无响应、流式传输错误、工具执行问题、转录失败、版本不匹配以及 AG-UI 事件追踪。
编程协作 · 智能体运行时挂载 · 服务端中间件接入 · 多框架代理集成 · 服务端工具注册 · 语音转录支持
@copilotkit/runtime —— 在任何 JS 服务器上挂载一个原生支持 fetch 的 CopilotRuntime, 配置中间件,选择一个 Ag…
编程协作 · Remotion 视频制作 · React 三维渲染 · 动画特效设计 · 字幕音频处理 · 图表可视化集成 · 转场效果编辑
Remotion 最佳实践 - 在 React 中创建视频。29 条领域特定规则,涵盖 3D、动画、音频、字幕、图表、过渡等。
设计多媒体 · Three.js 三维画廊 · 滚动响应式特效 · 图像层叠交叉淡入 · 光标轨迹动效 · 网页色彩卡展示
一个基于 Three.js 的滚动响应式 3D 图片画廊:Z 轴堆叠的图像在每张图片对应的情绪背景上交叉淡入淡出,伴随速度呼吸效果、发光的鼠标轨迹,以及编辑风格…
编程协作 · Slack 应用创建 · CopilotKit 通道接入 · 机器人部署 · 令牌管理 · Socket 模式排查
用于将本地运行的 CopilotKit Channels 智能体接入 Slack 的“提供方”这一半流程,且当前尚无 Slack 应用——首次为 Channel…
编程协作 · CopilotKit 提供者挂载 · React 聊天组件集成 · 智能体上下文订阅 · 前端工具注册 · 人为审核拦截
@copilotkit/react-core — 在 Next.js App Router / React Router v7 / TanStack Start…
编程协作 · React 动画进阶 · 拖拽手势交互 · SVG 路径动画 · Next.js 动效开发 · 自定义动画钩子
面向 React / Next.js 的高级动效模式 —— 拖放、手势、文字动画、SVG 路径绘制、自定义 Hook、命令式序列(useAnimate)、加载器…
开发工具
用AI直接操作Slack频道消息和用户互动,自动化协作就像真人聊天。
开发工具
搜 Magic UI 组件像聊天一样自然,离线也能快速找到你需要的界面元素。
开发工具
用 React 打造的 MCP 聊天示例,连本地远程服务器都超方便。
研究与数据 · 安全 · secpioneer · AI 智能体 · mcp-server-test · react · Web 开发
用AI自动搞定安全防护与MCP服务器管理,运维效率直接拉满。
开发工具
用LangGraph统一调度多个API,智能体自动决策省时又省心。
开发工具
快速定位TypeScript符号定义,连第三方库的也能查,代码跳转超省心。
开发工具
连上 Figma 就能自动生成 UI 代码,设计变开发快得像开了挂。
研究与数据
查包文档不用切网页,本地运行直接喂给AI分析,多语言都支持。
开发工具 · github-stars · cloudflare · autorag · cloudflare-agents
用自然语言搜自己的GitHub收藏,找仓库像聊天一样简单。
开发工具
分析React组件自动生成文档,JSX/TSX全支持,团队协作开发省时利器。
研究与数据
用AI直接查Cloudscape组件、生成TypeScript代码,前端开发快多了。
开发工具 · 知识与内容管理 · marimo · API · TypeScript
查Marimo组件文档不用切网页,在IDE里直接搜API,开发效率翻倍。