zhin-component-rendering
✓Covers Zhin component rendering, defineComponent usage, and message template composition. Use when creating reusable message UI components.
Installation
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.
Covers Zhin component rendering, defineComponent usage, and message template composition. Use when creating reusable message UI components. Source: zhinjs/ai-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/zhinjs/ai-skills --skill zhin-component-rendering- Source
- zhinjs/ai-skills
- Category
- *Creative Media
- Verified
- ✓
- First Seen
- 2026-02-05
- Updated
- 2026-02-18
Quick answers
What is zhin-component-rendering?
Covers Zhin component rendering, defineComponent usage, and message template composition. Use when creating reusable message UI components. Source: zhinjs/ai-skills.
How do I install zhin-component-rendering?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/zhinjs/ai-skills --skill zhin-component-rendering Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/zhinjs/ai-skills
Details
- Category
- *Creative Media
- Source
- skills.sh
- First Seen
- 2026-02-05