zhin-component-rendering
✓Zhin コンポーネントのレンダリング、defineComponent の使用法、メッセージ テンプレートの作成について説明します。再利用可能なメッセージ UI コンポーネントを作成する場合に使用します。
インストール
SKILL.md
Use this skill when developers need to create reusable message components with Zhin's component system.
Props support inline expressions with {} and template interpolation via ${} when rendering:
The component service attaches a before.sendMessage listener to render templates before messages send.
Zhin コンポーネントのレンダリング、defineComponent の使用法、メッセージ テンプレートの作成について説明します。再利用可能なメッセージ UI コンポーネントを作成する場合に使用します。 ソース: zhinjs/ai-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/zhinjs/ai-skills --skill zhin-component-rendering- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-05
- 更新日
- 2026-02-18
クイックアンサー
zhin-component-rendering とは？
Zhin コンポーネントのレンダリング、defineComponent の使用法、メッセージ テンプレートの作成について説明します。再利用可能なメッセージ UI コンポーネントを作成する場合に使用します。 ソース: zhinjs/ai-skills。
zhin-component-rendering のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/zhinjs/ai-skills --skill zhin-component-rendering インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/zhinjs/ai-skills