tiny-robot-skill

TinyRobot コンポーネントライブラリアシスタント

必要最小限のコンテキストで、正確な TinyRobot のガイダンスとコードを作成するには、このスキルを使用します。

TinyRobot は、AI チャットインターフェース向けの Vue 指向コンポーネントライブラリです。

このスキルを使用するタイミング

ユーザーが次のいずれかを求めたときに、このスキルを使用します。

• TinyRobot または OpenTiny TinyRobot に明示的に言及している
• Bubble、Sender、Prompts、チャットコンテナー、または類似の TinyRobot コンポーネントについて質問している
• TinyRobot コンポーネントの使い方や例を求めている
• TinyRobot で AI チャット UI を構築したい
• TinyRobot のセットアップ、インポート、またはテーマのガイダンスが必要である
• TinyRobot のメッセージ、会話、または AI リクエストの連携について質問している

リクエストの例：

• 「TinyRobot を使ってチャット UI を作成してください」
• 「Bubble コンポーネントはどのように使いますか？」
• 「Sender の例を見せてください」
• 「TinyRobot のテーマはどのように設定しますか？」
• 「TinyRobot で会話状態をどのように管理すればよいですか？」

クイックルーティング

まずリクエストを分類し、関連するルールファイルだけを読みます。

リクエストの種類	最初に読む	用途
コンポーネントの使用またはページ構成	rules/component-use.md	コンポーネントの検索、構成、デモ、コンポーネントが見つからない場合の対応
プロジェクトのセットアップまたはテーマ設定	rules/project-setting.md	インストール、連携、テーマ、ドキュメントのセットアップをユーザープロジェクトに適用
コード生成	rules/code-generation.md	出力スタイル、Vue SFC の規約、シンプルさ、コメントの言語
メッセージ、会話、または AI リクエストのロジック	rules/kit-use.md	安全なツールの使用、状態の分離、API の不確実性への対応

ほとんどの実装タスクでは、タスク固有のルールファイルを読んだ後に rules/code-generation.md を読みます。

このスキルのリソース

このスキルは、次のリソースレイヤーを中心に構成されています。

• コンポーネントのドキュメントは components/
• 動作するコンポーネントのデモは demos/
• ページ全体または複数コンポーネントの使用例は examples/
• セットアップと設定のガイダンスは guide/
• メッセージ、会話、ヘルパーユーティリティは tools/
• 関連する場合のバージョン移行に関する注意事項は migration/
• rules/component-use.md
• rules/project-setting.md
• rules/code-generation.md
• rules/kit-use.md

まず必要最小限の関連レイヤーを使用し、タスクでさらにコンテキストが必要な場合にのみ範囲を広げます。