skills.rest
reopt-ai
reopt-aiOFFICIAL
Explore all skills by this author →
WebsiteGitHub

opt-chat-install

Install or upgrade @reopt-ai/opt-chat and configure chat UI integration.

1|Updated Apr 17, 2026
Search Tags:#upgrade#installation#chat ui#vercel ai sdk#npm registry#opt-chat
One-click install
npx skills add https://github.com/reopt-ai/reopt-skills --skill opt-chat-install
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: opt-chat-install
Source: https://github.com/reopt-ai/reopt-skills/tree/main/skills/opt-chat-install
Command: npx skills add https://github.com/reopt-ai/reopt-skills --skill opt-chat-install

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you install or upgrade @reopt-ai/opt-chat in a consumer project without breaking registry settings, styling, or the AI chat integration flow.

Core Features & Use Cases

  • Fresh installation: Detects whether opt-chat is missing and sets up the package, styles, and starter conversation wiring.
  • Safe upgrades: Handles existing installs by scanning for breaking changes and applying upgrades in a controlled way.
  • Consumer project integration: Guides the setup of a Vercel AI SDK-compatible endpoint, CSS imports, and the composable Conversation, Message, and PromptInput structure.
  • Registry cleanup: Removes legacy GitHub Packages overrides while preserving unrelated npm configuration.

Quick Start

Use the opt-chat install skill to add or upgrade @reopt-ai/opt-chat in this project and wire the chat UI correctly.

Frequently Asked Questions about opt-chat-install

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I install opt-chat and wire the Vercel AI SDK endpoint in my project?▼

To install opt-chat, the Skill detects missing packages and sets up the Vercel AI SDK-compatible endpoint, CSS imports, and composable Conversation, Message, and PromptInput structure for your chat UI.

What is the best way to safely upgrade @reopt-ai/opt-chat without breaking styling?▼

The best way to safely upgrade @reopt-ai/opt-chat is by scanning for breaking changes and applying version upgrades in a controlled way, validating against the package README and changelog to preserve your styling configuration.

How do I remove legacy GitHub Packages overrides from my npm registry for opt-chat?▼

To remove legacy GitHub Packages overrides, the Skill performs registry cleanup that deletes old npm configuration overrides while preserving unrelated registry settings required for opt-chat installation.

Does the opt-chat installation process handle CSS imports and agent-rules pinning automatically?▼

Yes, the opt-chat installation process handles CSS import configuration and agent-rules pinning automatically, ensuring the chat UI integration flow matches the package README requirements.

Why does my opt-chat upgrade fail when registry settings are misconfigured?▼

An opt-chat upgrade fails when registry settings are misconfigured because legacy GitHub Packages overrides conflict with the npm registry, requiring cleanup to resolve the setup steps for chat UI integration.

Related Skills

Explore More Software Engineering Skills→
reopt-aireopt-ai
1

opt-shell-install

Install or upgrade @reopt-ai/opt-shell with npm registry and peer dependency checks.

Official
Advanced
jackspacejackspace
16

ai-elements-chatbot

Compose streaming AI chat interfaces with Vercel AI SDK v5 components.

Community
Advanced
reopt-aireopt-ai
1

opt-ui-install

Install or upgrade @reopt-ai/opt-ui with Tailwind CSS v4 and OptThemeProvider wiring.

Official
Advanced
p-o-ke-naep-o-ke-nae

dependency-upgrade

Plan staged dependency upgrades with compatibility analysis and rollback paths.

Community
Advanced