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版Linux监控仪表盘开发需求
Next.js部落冲突综合工具开发
当前端开发专家,写React/Vue组件代码
设计多媒体 · Claude · Artifacts · 前端开发 · 交互网页 · 代码生成
用于使用现代前端 Web 技术(React、Tailwind CSS、shadcn/ui)创建复杂的多组件 claude.ai HTML 工件的工具套件。适用于…
设计多媒体 · React 组件构建 · Tailwind 样式开发 · HTML 制品生成 · Claude 制品集成 · 嵌入式页面开发
使用 React 和 Tailwind 构建复杂的 claude.ai HTML artifacts。Anthropic 用于交付丰富、可嵌入 artifact…
编程协作 · A2UI 界面渲染 · 声明式 UI 组件 · CopilotKit 主题定制 · 组件动作桥接 · 运行时配置启用
在 CopilotKit v2 中渲染 A2UI(Agent-to-UI 声明式界面)。通过 CopilotRuntime({ a2ui: {...} }) 启…
编程协作 · HeroUI 组件库 · React Native 界面 · 移动端 UI 开发 · Uniwind 样式配置 · 主题切换支持
HeroUI Native 是用于 React Native 的组件库(通过 Uniwind 使用 Tailwind v4)。在以下场景使用:使用 HeroUI…
编程协作 · CopilotKit 故障诊断 · 运行时连接排查 · 流式事件追踪 · 工具执行调试 · 版本兼容检查
用于诊断 CopilotKit 问题 -- 运行时连接失败、智能体无响应、流式传输错误、工具执行问题、转录失败、版本不匹配以及 AG-UI 事件追踪。
编程协作 · CopilotKit 项目初始化 · 框架检测 · 依赖安装 · 聊天界面集成 · 运行时配置
在向已有项目添加 CopilotKit,或从零开始引导一个新的 CopilotKit 项目时使用。涵盖框架检测、依赖包安装、运行时接线(托管 Intellige…
编程协作 · React 组件模式 · Next.js 性能优化 · 前端状态管理 · 数据获取策略 · UI 渲染优化
面向 React、Next.js、状态管理、性能优化与 UI 最佳实践的前端开发模式。在构建或审查 React/Next.js 组件、状态或渲染性能时使用。
编程协作 · CopilotKit 开发 · AI 对话界面 · 前端工具注册 · 智能体中断处理 · 应用上下文共享
在构建基于 CopilotKit v2 的 AI 功能时使用 —— 添加聊天界面、注册前端工具、与 agent 共享应用上下文、处理 agent 中断,以及使用…
研究分析 · 行为金融分析 · 投资者情绪周期 · 量化交易信号 · 动量反转策略 · 认知偏差清单 · 风险控制规则
行为金融学应用:反应过度与反应不足理论、动量与反转的行为解释、投资者情绪周期、认知偏差清单以及去偏差的量化策略。
编程协作 · 临床决策支持 · 药物相互作用检查 · 剂量验证引擎 · 临床评分计算 · 电子病历集成 · 用药安全警报
临床决策支持系统(CDSS)开发模式。药物相互作用检查、剂量验证、临床评分(NEWS2、qSOFA)、警报严重性分类以及集成到电子病历工作流程中。
编程协作 · CopilotKit 提供者挂载 · React 聊天组件集成 · 智能体上下文订阅 · 前端工具注册 · 人为审核拦截
@copilotkit/react-core — 在 Next.js App Router / React Router v7 / TanStack Start…
编程协作 · UI 动效设计 · React 过渡动画 · 可访问性动效 · Next.js 交互动效
Production-ready UI motion system for React/Next.js. Use when implementing anima…
编程协作 · MCP 服务器构建 · mcp-use 框架开发 · 工具资源定义 · 交互组件开发 · 已弃用迁移提示
已弃用:本技能已被 `mcp-app-builder` 取代。 请检查 skills 文件夹中是否已存在 `mcp-app-builder`。若不存在,请通过以…
编程协作 · React 动画 · UI 交互动效 · 页面切换 · 模态弹窗 · 滚动动效
面向 React / Next.js 的生产级动画模式 —— 按钮、模态框、Toast、错峰、页面过渡、退场动画、滚动与布局 —— 构建于 motion-fou…
编程协作 · 电子病历开发 · 临床决策支持 · 处方开立 · 患者就诊流程 · 医疗数据录入 · 临床安全审计
医疗应用中EMR/EHR的开发模式。临床安全、就诊工作流程、处方生成、临床决策支持集成以及以可访问性为先的医疗数据录入用户界面。
编程协作 · HeroUI 升级迁移 · 组件版本迁移 · 迁移文档查询 · UI 框架升级 · 破坏性变更适配
面向 Agent 的 HeroUI v2 到 v3 迁移指南。在将 HeroUI v2 应用迁移到 v3、升级组件或查阅迁移文档时使用。关键词:HeroUI 迁…
编程协作 · skill · agent-skill · frontend · a11y · affaan-m · ECC · ai-agent
针对 React 和 Next.js 的可访问性模式——语义化 HTML、ARIA 属性、 表单标签、键盘导航、焦点管理以及屏幕阅读器支持。 适用于构建任何交互…
设计多媒体 · Three.js 三维画廊 · 滚动响应式特效 · 图像层叠交叉淡入 · 光标轨迹动效 · 网页色彩卡展示
一个基于 Three.js 的滚动响应式 3D 图片画廊:Z 轴堆叠的图像在每张图片对应的情绪背景上交叉淡入淡出,伴随速度呼吸效果、发光的鼠标轨迹,以及编辑风格…
编程协作 · skill · agent-skill · heroui · react · heroui-inc
HeroUI v3 React 组件库(Tailwind CSS v4 + React Aria)。在使用 HeroUI 构建 UI 时使用——创建 Butto…
编程协作 · TypeScript编码规范 · React代码风格 · JavaScript最佳实践 · 代码审查指南 · Node.js开发规范
适用于TypeScript、JavaScript、React和Node.js开发的通用编码标准、最佳实践和模式。
编程协作 · 智能体界面渲染 · CopilotKit 集成 · 声明式 UI 组件 · 主题定制支持 · 运行时配置
在 CopilotKit v2 中渲染 A2UI(Agent-to-UI 声明式界面)。通过 CopilotRuntime({ a2ui: {...} }) 启…
编程协作 · AG-UI协议实现 · 智能体前端流式通信 · 状态同步与工具调用 · CopilotKit后端集成 · 人工干预交互流程
在构建自定义代理后端、实现 AG-UI 协议、调试流式传输问题,或理解代理如何与前端通信时使用。涵盖事件类型、SSE 传输、AbstractAgent/Http…
设计多媒体 · Three.js 瀑布流画廊 · 滚动响应式动画 · 像素网格溶解效果 · GSAP 动效编排 · 文字分割标题 · 全屏翻转预览
一个滚动响应的瀑布流画廊(Three.js + GSAP),每张图片在进入视口时以像素/网格溶解效果显现,包含拆分文字标题和点击全屏翻转。
编程协作 · CopilotKit 版本升级 · 旧版 API 迁移 · AG-UI 协议切换 · 组件导入更新 · 框架升级辅助
用于将 CopilotKit v1 应用迁移到 v2 时使用 -- 更新包导入、替换已弃用的 hooks 和组件、从 GraphQL 运行时切换到 AG-UI …
设计多媒体 · 1920 自由画布 · React 组件级组合 · 演示文稿排版 · 自定义视觉设计 · 不绑定模板 · 16:9 设计稿
锁死 1920×1080 画布, React 组件级自由组合, 不绑模板
设计多媒体 · skill · agent-skill · od · react · export · nexu-io · open-design · ai-agent
🎨 Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative
设计多媒体 · GSAP 动画集成 · Vue 动画开发 · Svelte 动画支持 · 组件卸载清理 · 框架生命周期绑定
面向 Vue、Svelte 以及其他非 React 框架的官方 GSAP 技能 — 涉及生命周期、选择器作用域以及卸载时的清理。当用户希望在 Vue、Nuxt、…
开发工具
用LangGraph统一调度多个API,智能体自动决策省时又省心。
研究与数据 · 安全 · secpioneer · AI 智能体 · mcp-server-test · react · Web 开发
用AI自动搞定安全防护与MCP服务器管理,运维效率直接拉满。
开发工具
用 React 打造的 MCP 聊天示例,连本地远程服务器都超方便。
开发工具 · github-stars · cloudflare · autorag · cloudflare-agents
用自然语言搜自己的GitHub收藏,找仓库像聊天一样简单。
开发工具
连上 Figma 就能自动生成 UI 代码,设计变开发快得像开了挂。
开发工具 · omi · 服务器 · API
用 Omi MCP Server 轻松管理对话和记忆,AI 交互更连贯高效。
开发工具
用AI直接操作Slack频道消息和用户互动,自动化协作就像真人聊天。
研究与数据
查包文档不用切网页,本地运行直接喂给AI分析,多语言都支持。
开发工具 · template · TypeScript
几行命令就跑起TypeScript版MCP服务,对接Claude和Cursor快得飞起。
开发工具
分析React组件自动生成文档,JSX/TSX全支持,团队协作开发省时利器。
开发工具
快速定位TypeScript符号定义,连第三方库的也能查,代码跳转超省心。
开发工具
搜 Magic UI 组件像聊天一样自然,离线也能快速找到你需要的界面元素。
开发工具 · 知识与内容管理 · marimo · API · TypeScript
查Marimo组件文档不用切网页,在IDE里直接搜API,开发效率翻倍。
研究与数据
用AI直接查Cloudscape组件、生成TypeScript代码,前端开发快多了。