skills.rest
BoomerAng9
BoomerAng9COMMUNITY
Explore all skills by this author →
GitHub

aims-chat-ui

Create a canonical chat UI shell with input controls and onboarding banner for ACHEEVY.

Updated Aug 23, 2026
Search Tags:#design#onboarding#chat-ui#ui-pattern#aims-chat-ui#acheevy
One-click install
npx skills add https://github.com/BoomerAng9/Agent-ACHEEVY-009 --skill aims-chat-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: aims-chat-ui
Source: https://github.com/BoomerAng9/Agent-ACHEEVY-009/tree/main/apps/AIMS/.claude/skills/aims-chat-ui
Command: npx skills add https://github.com/BoomerAng9/Agent-ACHEEVY-009 --skill aims-chat-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a canonical chat UI surface for ACHEEVY users after sign-in, consolidating the main account landing shell, chat stream, input controls, and onboarding gate.

Core Features & Use Cases

  • Global shell with consistent ACHEEVY design across the app.
  • Chat area with a clear separation between user and ACHEEVY messages.
  • Input row with text field, optional mic, and a responsive Send button.
  • Onboarding gate banner with a CTA directing users to the onboarding flow.

Quick Start

Load the aims-chat-ui surface in the main chat route to enable the ACHEEVY conversation flow.

Frequently Asked Questions about aims-chat-ui

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

FAQPage Schema
How do I design a chat UI for user onboarding after sign-in?▼

A chat UI for onboarding provides a consolidated interface shell with a conversation stream, input controls, and an onboarding gate banner. It streamlines user interactions immediately after account sign-in on both mobile and desktop.

What components are needed for a functional chat interface?▼

A functional chat interface requires a global shell, a chat area separating user and system messages, an input row with a text field and responsive Send button, and an onboarding banner with a CTA to guide new users.

Does this chat UI pattern work for both mobile and desktop layouts?▼

Yes, this chat UI pattern satisfies the functional requirements of a mobile- and desktop-usable chat shell. It applies a responsive design across the primary account landing screen, chat stream, and onboarding gate.

How do I add a CTA banner to a chat onboarding flow?▼

To add a CTA banner to a chat onboarding flow, implement an onboarding gate within the chat UI surface that displays a banner directing users to the onboarding process. This guides initial setup after sign-in.

What is the best way to structure a post-sign-in account landing chat shell?▼

The best way to structure a post-sign-in chat shell is to load a canonical chat UI surface on the main chat route. This consolidates the account landing shell, chat stream, input controls, and onboarding gate.

Related Skills

Explore More Design & Creative Skills→
Aditya07024Aditya07024

clerk-react-patterns

Implement Clerk authentication patterns in React SPAs with protected routes.

Community
Intermediate
a5c-aia5c-ai
2

user-install

Guide new users through babysitter onboarding and configuration.

Official
Basic
seydakaratekeliseydakaratekeli

maui-speech-to-text

Transcribe voice input into text in MAUI apps with real-time results.

Community
Intermediate
daniel-dihardjadaniel-dihardja

ai-elements

Build reusable React/TypeScript components for AI chat interfaces.

Community
Advanced