admin-chat-ui-flow

Padroniza UX visual e fluxo da tela de chat admin com estilo da area cliente.

16 stars

Best use case

admin-chat-ui-flow is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

Padroniza UX visual e fluxo da tela de chat admin com estilo da area cliente.

Teams using admin-chat-ui-flow should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/admin-chat-ui-flow/SKILL.md --create-dirs "https://raw.githubusercontent.com/diegosouzapw/awesome-omni-skill/main/skills/design/admin-chat-ui-flow/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/admin-chat-ui-flow/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How admin-chat-ui-flow Compares

Feature / Agentadmin-chat-ui-flowStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

Padroniza UX visual e fluxo da tela de chat admin com estilo da area cliente.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# admin-chat-ui-flow

Skill para manter a tela de chat clara, consistente e responsiva.

## Inputs

- `chat_sections` (threads, meta, messages, composer)
- `interaction_states` (loading, empty, sending, error)
- `visual_tokens`

## Outputs

- `templates/pages/admin/chat.php`
- `public/assets/js/chat.js` (quando fluxo visual exigir)

## Criterios de aceite

- Fluxo de thread/sending permanece funcional.
- Componentes de chat seguem identidade green-glass.
- Interface continua usavel em viewport mobile.

Related Skills

api-admin-ops

16
from diegosouzapw/awesome-omni-skill

Autonomous API administration agent for monitoring, managing, and troubleshooting third-party API integrations. Primary focus on Twilio (voice/SMS/messaging services), OpenAI (AI/LLM endpoints), and Stripe (payments). Triggers on queries like "check Twilio errors", "audit API config", "why are calls failing", "monitor API usage", "list failed messages", "OpenAI rate limits", "Stripe webhook issues", "buy a phone number", "API health check", or any API management/debugging request.

anthropic_administrator-automation

16
from diegosouzapw/awesome-omni-skill

Automate Anthropic Admin tasks via Rube MCP (Composio): API keys, usage, workspaces, and organization management. Always search tools first for current schemas.

analyzing-taint-flow

16
from diegosouzapw/awesome-omni-skill

Tracks untrusted input propagation from sources to sinks in binary code to identify injection vulnerabilities. Use when analyzing data flow, tracing user input to dangerous functions, or detecting command/SQL injection.

ai-native-builder-workflow

16
from diegosouzapw/awesome-omni-skill

A complete end-to-end framework for non-technical product managers to build and ship software using AI coding agents. Use this when starting a side project, building a prototype, or automating internal tools without an engineering team.

ai-code-factory-workflow

16
from diegosouzapw/awesome-omni-skill

No description provided.

ai-assistant-chat

16
from diegosouzapw/awesome-omni-skill

Build self-hosted AI chat assistants using CopilotKit + LangGraph. Use when implementing conversational AI interfaces with agentic backends, streaming responses, shared state between frontend and backend, or generative UI. This pattern uses NO hosted services - both CopilotKit runtime and LangGraph agent run on your own infrastructure. Triggers on requests to build chat interfaces, AI assistants, conversational agents, or integrate LangGraph with React frontends.

ai-apis-like-chatgpt

16
from diegosouzapw/awesome-omni-skill

How to use AI APIs like OpenAI, ChatGPT, Elevenlabs, etc. When a user asks you to make an app that requires an AI API, use this skill to understand how to use the API or how to respond to the user.

ai-ad-flow-orchestrator

16
from diegosouzapw/awesome-omni-skill

No description provided.

agile-workflow

16
from diegosouzapw/awesome-omni-skill

Orchestrate agile development workflows by invoking commands in sequence with checkpoint-based flow control. This skill should be used when the user asks to 'run the workflow', 'continue working', 'what's next', 'complete the task cycle', 'start my day', 'end the sprint', 'implement the next task', or wants guided step-by-step development assistance. Keywords: workflow, orchestrate, agile, task cycle, sprint, daily, implement, review, PR, standup, retrospective.

agency-workflow-patterns

16
from diegosouzapw/awesome-omni-skill

Master orchestration patterns, multi-agent coordination, and effective workflow composition using the Agency plugin's 51+ specialized agents. Activate when planning complex implementations, coordinating multiple agents, or optimizing development workflows.

AEM Development Workflow

16
from diegosouzapw/awesome-omni-skill

Required workflow for AEM EDS development - linting, testing, preview validation, and PRs with demo links. Use when developing blocks or features for AEM Edge Delivery Services projects, before doing anything else.

advanced-workflows

16
from diegosouzapw/awesome-omni-skill

Multi-tool orchestration patterns for complex Bluera Knowledge operations. Teaches progressive library exploration, adding libraries with job monitoring, handling large result sets, multi-store searches, and error recovery workflows.