Synaptic SkillsSynapticSkills
MarketplaceSkill GraphCriar SkillMCP ServerPlataformaEnterprise
v0.1.0-beta
Voltar ao Marketplace
DevelopmentMédio

Chat UI Components

porinference-sh·inference-sh· v1.0.0 · atualizado em 2026-04-10
77
Score

This skill provides a chat user interface. It enables users to interact with the AI agent through a conversational interface.

chat-uireactui-componentsfrontend-developmentshadcn-uitailwind-css
Linguagens
TypeScriptJavaScriptCSS
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdchat-ui/workflow
1. Install the chat components using `npx shadcn@latest add https://ui.inference.sh/r/chat.json`.
2. Import the necessary components (ChatContainer, ChatMessage, ChatInput, TypingIndicator) from the registry.
3. Implement the ChatContainer to wrap the chat messages and input.
4. Use ChatMessage components to display user and assistant messages, setting the `role` and `content` props.
5. Add a ChatInput component for users to type and send messages, handling the `onSubmit` event.
6. Include a TypingIndicator component to show when the AI is generating a response.
7. Style the components using Tailwind CSS classes as needed.

Telemetria de Agentes

Execuções
0
total
Taxa de Sucesso
0%
últimos 30d
Latência Média
0.0s
p50
Alucinação
0.0%
detecção
Tokens Entrada
0
avg 0/exec
Tokens Saída
0
avg 0/exec

Uso por Plataforma

Skills Relacionados

Compõe com ←Agent Component
70%
Hebbian Synapse
Composite0.700
w = 0.3·α + 0.5·β + 0.2·γ
77
Compõe com ←Widget Renderer
70%
Hebbian Synapse
Composite0.700
w = 0.3·α + 0.5·β + 0.2·γ
77
Compõe com ←Tool UI Components
70%
Hebbian Synapse
Composite0.700
w = 0.3·α + 0.5·β + 0.2·γ
75
Similar aPageSpeed Insights Auditor
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
82
Similar aTypeScript Code Style Guide
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80
Similar aGluestack UI V4 Design Patterns
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
85

Árvore do Skill

Chat UI Components
chat-ui
Fases Cognitivas4
1.SENSE
2.CONTEXTUALIZE
3.ACT
4.REFLECT
Triggers7
create a chat interfaceadd chat components to my projectimplement a chat UI with Reactbuild a user interface for messagingintegrate chat functionality into my applicationadd a typing indicator to my chatstyle my chat messages with Tailwind CSS

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%
🤖Sucesso de Agentes0%
🕐Atualidade100%
🔗Saúde de Dependências100%
🕸️Centralidade no Grafo0%
🛡️Segurança50%
CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download chat-ui
$ synaptic skills detail chat-ui
$ synaptic skills live chat-ui

Dependências

reacttailwindcssshadcn/ui

Links

GitHub Repository