TS

thesysdev/skills

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る

21 stars 品質 57 トレンド 30

OpenUIでジェネレーションUIを構築するためのエージェント・レディ・ガイダンス。 このリポジトリには、AIコーディングアシスタントがOpenUIアプリを構築し、既存のアプリにジェネレーションUIを追加し、それらを実行するのに役立つ1つのスキルが含まれています...

概要

OpenUIでジェネレーションUIを構築するためのエージェント・レディ・ガイダンス。 このリポジトリには、AIのコーディングアシスタントがOpenUIアプリを構築し、既存のアプリにジェネレーションUIを追加し、OpenUIゲートウェイで実行するのに役立つ1つのスキルが含まれています。 - 「セールスデータに関する質問に答える総合UIエージェントの構築」 - 「Shadcnデザインシステムで新しいOpenUIアプリを立ち上げる」 - 「アシスタントuiチャットにジェネレーションUIを追加」 - 「OpenAIチャットの完了をOpenUIゲートウェイに修正しました」 - 「これらのドメインオブジェクトのためのカスタムOpenUIコンポーネントライブラリを作成」 - 「このアプリをデプロイして、プレビューURLを与えます」 - OpenUI ドキュメント - OpenUI ゲートウェイ - 信頼性監視 - OpenUI ソースと例 - OpenUI Lang 仕様

概要(AI 翻訳)

OpenUIでジェネレーションUIを構築するためのエージェント・レディ・ガイダンス。 このリポジトリには、AIのコーディングアシスタントがOpenUIアプリを構築し、既存のアプリにジェネレーションUIを追加し、OpenUIゲートウェイで実行するのに役立つ1つのスキルが含まれています。

インストール

インストールしたら、次のようなプロンプトを試してみてください。

  • 「販売データに関する質問に答える総合UIエージェントの構築」
  • 「Shadcn設計システムで新しいOpenUIアプリを起動」
  • 「アシスタントuiチャットにジェネレーションUIを追加」
  • 「OpenAIチャットがOpenUIゲートウェイにバックエンドを完成させる」
  • 「これらのドメインオブジェクトのカスタムOpenUIコンポーネントライブラリを作成」
  • 「このアプリをデプロイし、プレビューURLを付与します。」

##スキルコンテンツ

| ファイル | カバー | | お問い合わせ | |【[T0]】 | 各ジョブの読み方、各タスクのルール、パッケージマップについて | | [new-app.md | [npx @openuidev/cli@latest create]と足場、デフォルト足場、カスタマイズ、検証 | | [existing-app.md | コンポーネントライブラリを追加し、ゲートウェイでバックエンドを指し、アシスタント・ui、CopilotKit、またはカスタムチャットでレンダリングする | | ゲートウェイ.

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

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
GitHub で README 全文を見る

推奨ツール

別のキーワードを試すか、フィルタを外してください。

インストール

npx skillfish add thesysdev/skills
MCP 初心者?mcpskill.org のガイドから始めましょう →