@opentiny/genui-sdk-integration-skill

GenUI SDK integration skill for AI assistants (Vue, Angular, React, Server)
379 181
vue react angular generative-ui server integration cursor claude skill genui genui-sdk
Install
npm install @opentiny/genui-sdk-integration-skill
Latest Version:1.4.0
License:MIT
Last Updated:Oct 23, 2026
Links: GitHub  ·  npm
Maintainer: opentiny

GenUI SDK Integration Skill

跨平台 Agent Skill，帮助用户在支持 Skills 规范的 AI 助手中集成 GenUI SDK。

概述

本 skill 提供完整的 GenUI SDK 集成指导，支持：

  • Vue 3 - 使用 GenuiChat 或 GenuiRenderer
  • Angular - 使用 GenuiRenderer
  • React 18+ - 使用 GenuiRenderer（Ant Design 物料）
  • Server - Node.js 后端服务集成

安装

npm install @opentiny/genui-sdk-integration-skill

将 skill 目录指向安装后的包路径（含 SKILL.md），具体配置方式取决于你所用的 AI 助手平台。

快速开始

在 AI 助手中触发本 skill：

帮我集成 GenUI SDK 到 Vue 项目
如何在 Angular 中使用 GenuiRenderer？
怎么在 React 里渲染 AI 生成的界面？
怎么设置 genui-sdk-server？

文档同步

部分内容以本仓 docs/src 为源，构建时由 scripts/copy-from-docs.mjs 生成（不入库，发布时 prepack 会生成）：

路径 源
examples/ docs/src/examples/
references/guides/ docs/src/guide/（quick-start、start-with-renderer、angular/、react/）、docs/src/components/core/api.md 及组件 API 页（chat、renderer、code-generator、angular/、react/ → component-*.md）；同步时清理 VitePress 语法（tabs/tip/warning 容器、[!code] 标注、截图）
references/materials/ 专页（vue-*.md / angular-*.md / react-*.md） docs/src/components/materials/

本地开发：改 docs 后在本包执行 npm run build。
references/materials/index.md 以及 references/vue.md / angular.md / react.md / server.md 由 skill 手工维护并提交。

相关资源

许可证

MIT License

Related Packages

jqwidgets-mcp-server

Model Context Protocol (MCP) server that exposes the jQWidgets API (80+ widgets...

578 0
angular claude cursor react vue ai-tools claude-code code-generation jquery jqwidgets +3
@alexstrnik/claude-devtools

Host server for Claude DevTools Chrome extension

885 11
angular claude react vue chrome-extension devtools preact svelte
@dark-engine/platform-server

Dark renderer for server

26,728 53
angular react server vue app dark reactjs rendering ssr
portfolio-github-integration

Browser-native library to fetch GitHub repositories and custom metadata for dyna...

1,360
angular integration react vue browser frontend github portfolio repos
code-flow-skill

Install framework house-rule agent skills (Angular, React, Vue + vault workflow)...

613
angular claude react vue agent-skills codex coding-standards kiro opencode

Version History

Version Released License
1.4.0 MIT
Pre-releases (5)
Version Released License
1.4.0-beta.1 MIT
1.4.0-alpha.5 MIT
1.4.0-alpha.4 MIT
1.4.0-alpha.3 MIT
1.4.0-alpha.1 MIT