即插即用 · Shadcn 风格

让 Agent 体验保持克制而高级

以极简的 shadcn 配色与留白，搭建可复用的 Agent 窗口与嵌入示例。适合快速验证、演示与上线。

打开 Agent 窗口查看 iframe 效果Clean • Calm • Ready

Next.js + Tailwind

App Router 架构，轻松扩展页面与 API。

Shadcn 质感

中性色、细边框与柔和阴影，保持高级感。

即时嵌入

iframe 代码现成可用，复制即可上线。

iframe 片段

Ready

<iframe
  src="https://ai.test.yygu.cn/iframe/detail/role/ZsyR4Lq"
  style="width: 100%; height: 100%; border: none;"
  frameborder="0"
  allow="microphone; camera"
  sandbox="allow-same-origin allow-scripts allow-forms allow-popups">
</iframe>

使用建议

• 将 iframe 放入 16:10 容器，保证足够可视区域。
• 搭配浅色背景与细边框，更贴合 shadcn 设计语言。
• 如需收紧权限，按需调整 sandbox 属性。

让 Agent 体验保持 克制而高级

让 Agent 体验保持克制而高级