tiny-robot-skill_skill

This skill helps you generate compliant TinyRobot Vue components and implementation guidance by consulting docs, demos, and rules to ensure fidelity.

3

GitHub Stars

1

Bundled Files

2 months ago

Catalog Refreshed

3 months ago

First Indexed

Readme & install

Copy the install command, review bundled files from the catalogue, and read any extended description pulled from the listing source.

Installation

Preview and clipboard use veilstrat where the catalogue uses aiagentskills.

npx veilstrat add skill opentiny/agent-skills --skill tiny-robot-skill

SKILL.md1.8 KB

Overview

This skill is a TinyRobot component library assistant that accelerates code generation and implementation guidance for TinyRobot (AI chat UI) components. It supplies a component index, documentation lookup flow, and demo code to produce compliant, production-ready Vue components. Use it to ensure generated code follows TinyRobot APIs and project conventions.

How this skill works

The skill inspects the component name and follows a strict lookup order: component API/docs first, then demo code. It references project-setting and component-use rules to provide installation, theme configuration, and usage examples. Outputs adhere to the library constraints and do not infer behavior from other UI libraries.

When to use it

Building or scaffolding TinyRobot chat UI components in Vue
Configuring TinyRobot project theme, imports, and global setup
Finding component API details and props/events documentation
Copying or adapting demo code for real implementations
Validating generated code against TinyRobot conventions and rules

Best practices

Always follow the project-setting rules for installation and global theme configuration
Lookup component docs and demo code in order: API/docs → demos → examples before coding
Use demo code as canonical examples; adapt minimally to your project structure
Keep generated components constrained to TinyRobot APIs; avoid importing patterns from other libraries
Name and structure files consistent with the library directory layout (components, guide, demos)

Example use cases

Generate a Vue chat window component using TinyRobot ChatContainer and message components with correct props and events
Provide step-by-step setup: install package, configure themeConfig.ts, and register components globally
Translate a demo from the demos directory into a project-ready single-file component with proper imports
Audit a proposed component implementation and correct API misuse or missing props and events
Create small example pages that demonstrate component combinations using the library's recommended patterns

FAQ

Always search by component name, then read the API/docs, and finally consult the demo code for usage patterns.

Can I apply patterns from other Vue UI libraries?

No. Do not assume behaviors from other libraries. Stick strictly to TinyRobot API and demo code to avoid incompatibilities.