TinyRobot Component Library Assistant

SkillCommunication

Guides TinyRobot Vue AI chat UI implementation, setup, and code generation. Use when the user mentions TinyRobot, OpenTiny TinyRobot, Bubble, Sender, Prompts, chat container, message list, conversation tools, or asks to build chat interfaces with TinyRobot components.

Use TinyRobot Component Library Assistant in Claude, ChatGPT or Ahel Desktop

Free. Sign in, add TinyRobot Component Library Assistant and connect your AI. About a minute.

Also: Claude Code · Cursor · Codex

Then ask your AI: use the TinyRobot Component Library Assistant skill

Details

Instructions available. Your AI can read the instructions. Execution depends on the setup they require.

Add ahel to your AI once: Claude, ChatGPT, Cursor, Claude Code or Codex. Then ask it to use this.

TinyRobot Component Library AssistantStart free

What this skill tells your AI

The instructions your AI receives, as published by opentiny/agent-skills in skills/tiny-robot-skill/SKILL.md and read by ahel’s review.

Use this skill to produce accurate TinyRobot guidance and code with the smallest necessary context.

TinyRobot is a Vue-oriented component library for AI chat interfaces.

When to use this skill

Use this skill when the user:

  • explicitly mentions TinyRobot or OpenTiny TinyRobot
  • asks about Bubble, Sender, Prompts, chat containers, or similar TinyRobot components
  • asks for TinyRobot component usage or examples
  • wants to build an AI chat UI with TinyRobot
  • needs TinyRobot setup, import, or theme guidance
  • asks about TinyRobot message, conversation, or AI request integration

Example requests:

  • "Create a chat UI using TinyRobot"
  • "How do I use the Bubble component?"
  • "Show a Sender example"
  • "How do I configure TinyRobot theme?"
  • "How should I manage conversation state with TinyRobot?"

Quick Routing

Start by classifying the request, then read only the relevant rule file.

Request typeRead firstUse for
Component usage or page compositionrules/component-use.mdComponent lookup, composition, demos, missing component handling
Project setup or theme configurationrules/project-setting.mdInstallation, integration, theme, adapting docs setup to user projects
Code generationrules/code-generation.mdOutput style, Vue SFC conventions, simplicity, comment language
Message, conversation, or AI request logicrules/kit-use.mdSafe tool usage, state separation, API uncertainty handling

For most implementation tasks, read rules/code-generation.md after the task-specific rule file.

Resources in This Skill

This skill is organized around these resource layers:

  • components/ for component documentation
  • demos/ for working component demos
  • examples/ for full page or multi-component usage
  • guide/ for setup and configuration guidance
  • tools/ for message, conversation, and helper utilities
  • migration/ for version migration notes when relevant
  • rules/component-use.md
  • rules/project-setting.md
  • rules/code-generation.md
  • rules/kit-use.md

Use the smallest relevant layer first, then expand only when the task needs more context.

Signals

GitHub stars
20
Forks
2
Last commit
Sep 2026

ahel review

  • K1binfo
    installs-packages (in components/bubble.md)

Automated review, not a security audit. Ruleset v1+k2.

Advanced
Item type
skill
Key
tiny-robot-skill
Source
github.com/opentiny/agent-skills