
thesysdev/skills
Developer toolsЭта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал
Готовое руководство для создания генеративного пользовательского интерфейса с OpenUI. Этот репозиторий содержит один навык, который помогает помощникам по кодированию ИИ создавать приложения OpenUI, добавлять генеративный пользовательский интерфейс к существующим приложениям и запускать их на...
Обзор
Готовое руководство для создания генеративного пользовательского интерфейса с OpenUI. Этот репозиторий содержит один навык, который помогает помощникам по кодированию ИИ создавать приложения OpenUI, добавлять генеративный пользовательский интерфейс в существующие приложения и запускать их на OpenUI Gateway. Создайте генеративный UI-агент, который отвечает на вопросы о наших данных о продажах. - Начните новое приложение OpenUI с помощью системы дизайна shadcn. - Добавьте генеративный UI в мой чат-помощник. - Переместите мой бэкэнд OpenAI Chat Completions в OpenUI Gateway. - Создайте пользовательскую библиотеку компонентов OpenUI для этих объектов домена. - Разверните это приложение и дайте мне предварительный просмотр URL. - Документация OpenUI - OpenUI Gateway - Мониторинг надежности - Источник OpenUI и примеры - Спецификация OpenUI Lang
Обзор (машинный перевод)
Готовое руководство для создания генеративного пользовательского интерфейса с OpenUI. Этот репозиторий содержит один навык, который помогает помощникам по кодированию ИИ создавать приложения OpenUI, добавлять генеративный пользовательский интерфейс в существующие приложения и запускать их на OpenUI Gateway.
##Установка
После установки попробуйте подсказки, такие как:
Создайте генеративный агент пользовательского интерфейса, который отвечает на вопросы о наших данных о продажах. Начните новое приложение OpenUI с системой дизайна shadcn.
- “Добавить генеративный пользовательский интерфейс в мой чат-помощник”. Переместите мой бэкэнд OpenAI Chat Completions в OpenUI Gateway. «Создайте собственную библиотеку компонентов OpenUI для этих объектов домена». Разверните это приложение и дайте мне предварительный просмотр URL.
Содержание навыков
Оригинальное название: File | Covers
[править править код]
Что такое OpenUI, какая ссылка на чтение для каждой работы, правила, которым следует каждая задача, и карта пакета
new-app.md npx @openuidev/cli@latest create new-app.md] npx @openuidev/cli@latest create], передача ключа API, строительные леса по умолчанию, настройка и проверка npx @openuidev/cli@latest create
| existing-app.md | Добавление библиотеки компонентов, указание бэкэнда в Gateway и рендеринг в Assistant-ui, CopilotKit или пользовательский чат |
Шлюз.
Эта страница переведена автоматически. Технические детали смотрите в оригинале.
README
Показан фрагмент оригинального README. Открыть оригинал.
OpenUI Skill
Agent-ready guidance for building generative UI with OpenUI. This repository contains one skill that helps AI coding assistants build OpenUI apps, add generative UI to existing apps, and run them on OpenUI Gateway.
Installation
npx skills add thesysdev/skills
Once installed, try prompts such as:
- “Build a generative UI agent that answers questions about our sales data.”
- “Start a new OpenUI app with the shadcn design system.”
- “Add generative UI to my assistant-ui chat.”
- “Move my OpenAI Chat Completions backend to OpenUI Gateway.”
- “Build a custom OpenUI component library for these domain objects.”
- “Add an agent that builds live dashboards from our orders data.”
- “Deploy this app and give me a preview URL.”
Skill contents
| File | Covers |
|---|---|
SKILL.md |
What OpenUI is, which reference to read for each job, the rules every task follows, and the package map |
new-app.md |
Scaffolding with npx @openuidev/cli@latest create, the API key handoff, the default scaffold, customizing, and verifying |
existing-app.md |
Adding a component library, pointing the backend at Gateway, and rendering in assistant-ui, CopilotKit, or a custom chat |
gateway.md |
Gateway with Chat Completions: client setup, BYOK, the system prompt, conversation storage, tools, and security |
gateway-responses.md |
Apps that already use the Responses API: history models and hosted tools |
direct-provider.md |
Apps that call their own model provider directly: provider client, full prompt, app-owned storage |
autofix.md |
Correcting OpenUI Lang when inference stays with the user’s provider |
component-library.md |
Defining and extending libraries, generating the spec, and keeping stored responses compatible |
agent-interface.md |
Agent Interface: stream adapters, storage, shell slots, and navigation |
artifacts.md |
Tool output as artifacts: renderers, parser inputs, and storage |
dashboards.md |
Live dashboards: defineDashboard, data tools, the interpreter route, create and edit tools, rendering, and listing, pinning, renaming, and deleting |
theming.md |
ThemeProvider, tokens, and light/dark/system mode |
reliability.md |
DevTools, Reliability Monitoring, and fixing generation errors |
deploy.md |
npx @openuidev/cli@latest deploy and its options |
Рекомендуемые инструменты
Попробуйте другой запрос или уберите фильтр.
Установка
npx skillfish add thesysdev/skills