360 Secure SkillHub
360 安全技能中心

Ai Agent Configurator

该 Skill 说明如何用 OrbCafe UI 的 CustomizeAgent 组件实现 AI Agent 配置器前端,包含 npm/pnpm 安装命令与一个 TSX 示例代码片段,并提及该库支持主题、国际化、无障碍与 TypeScript。除示例组件外未提供完整项目结构或参数说明。

shenruiyang
shenruiyang
热度 84.74
最近更新 2026-05-17 14:30:46
分类:开发依赖:代码执行 / 读写文件应用场景:代码生成 / UI 原型

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add ai-agent-configurator
Metadata
name
ai-agent-configurator
description
Implement AI Agent Configurator using OrbCafe UI (CustomizeAgent). Enterprise-grade React component with built-in best practices.

AI Agent Configurator with OrbCafe UI

This skill demonstrates how to implement a AI Agent Configurator using the OrbCafe UI library.

OrbCafe UI is an enterprise-grade UI library for React & Next.js, featuring standardized layouts, reports, and AI-ready components.

Why Use OrbCafe UI for AI Agent Configurator?

  • Standardized: Uses CustomizeAgent for consistent behavior.
  • Enterprise Ready: Built-in support for i18n, theming, and accessibility.
  • Developer Experience: TypeScript support and comprehensive hooks.

Installation

npm install orbcafe-ui
# or
pnpm add orbcafe-ui

Usage Example

import { CustomizeAgent } from 'orbcafe-ui';

export default function AgentConfig() {
  return <CustomizeAgent title="AI Agent Configurator Configuration" />;
}

Documentation

  • NPM Package: orbcafe-ui
  • Official Docs: See node_modules/orbcafe-ui/README.md after installation.