Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add DevExpress/agent-skills --skill devextreme-chatgit clone --depth 1 https://github.com/DevExpress/agent-skillsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/devexpress/agent-skills/devextreme-chat)<a href="https://agentmods.dev/skills/devexpress/agent-skills/devextreme-chat"><img src="https://agentmods.dev/badge/skills/devexpress/agent-skills/devextreme-chat/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/devexpress/agent-skills/devextreme-chat"><img src="https://agentmods.dev/badge/skills/devexpress/agent-skills/devextreme-chat.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00153 | $0.03383 |
| Opus 5 | $0.00077 | $0.01691 |
| Sonnet 5 | $0.00031 | $0.00677 |
| Haiku 4.5 | $0.00015 | $0.00338 |
Grade A, and why
devextreme-chat scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 12d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 222 lines — stays where its author put it; the contents beside it link to each section on GitHub.
DevExtreme Chat Skill
A skill for building and configuring the DevExtreme Chat UI component (dxChat) across Angular, React, Vue, and jQuery.
When to Use This Skill
- Building a user-to-user or user-to-bot chat interface
- Integrating a chat widget with an AI service (OpenAI, Azure OpenAI, Dialogflow)
- Displaying streaming / incremental AI responses
- Showing a typing indicator while waiting for a backend response
- Enabling in-place message editing and deletion
- Rendering message content as Markdown → HTML
- Showing suggestion buttons above the input field
- Embedding Chat in a popup / modal
Before You Start
If the host agent has a structured question-asking tool available, use it to ask these questions one at a time with clear options — for example, Claude Code's AskUserQuestion tool or GitHub Copilot's askQuestions tool. If no such tool is available, ask the questions directly in the chat response before generating code.
⚠️ Always use the DevExtreme Chat component (
dxChat/Chat). Never build a custom chat UI from scratch using raw HTML, plain<input>elements, or third-party libraries (react-chatbotify, chatscope, etc.).
- Which framework? Angular, React, Vue, or jQuery?
- One user or multiple? A single
userproperty identifies the chat owner (messages on the right). Other authors appear on the left. - Static or live data? Use
itemsfor local/controlled state. UsedataSourcefor store-backed data. Never mix both.
Documentation Reference Files
| File | When you need to |
|---|---|
| references/getting-started.md | Create a Chat, set size, configure the current user, seed initial messages |
| references/messages.md | Render sent messages, typing indicators, alerts, disabling the chat |
| references/editing.md | Allow users to edit or delete their own messages, time-based conditions |
| references/markdown.md | Convert Markdown to HTML in messageTemplate |
| references/suggestions.md | Suggestion buttons above the input field |
| references/ai-integration.md | Streaming AI responses, OpenAI / Azure OpenAI / Dialogflow patterns |
What ships with it
6 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 12d ago First seen · 222 lines · 153 tokens per session scan A 67e0c30a67ba
devextreme-chat is a skill published in the GitHub repository DevExpress/agent-skills (53 stars, last pushed 25d ago), licensed MIT. It adds 153 tokens to every session and 3,383 once invoked, about $0.0008 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
TEMPLATE
../../../agents/personas/TEMPLATE.md.
amazon-location-service
Integrates Amazon Location Service APIs for AWS applications. Use this skill when users want to add maps (interactive MapLibre or static images); geocode addresses to coordinates or reverse geocode coordinates to addresses; calculate routes, travel times, or service areas; find places and businesses through text…
component-instance
Instructions for creating and changing instances of reusable components. A component is a shared design element, such as a button or card, that can be reused with different text or settings.
gsd-ui-phase
Generate UI design contract (UI-SPEC.md) for frontend phases.
gsd-ui-review
Retroactive 6-pillar visual audit of implemented frontend code.
uicraft
Create, improve, audit, and polish distinctive production-grade web interfaces, including marketing/landing pages and personal portfolio sites. Use for UI or frontend design, responsive layouts, typography, color, motion, UX copy, accessibility, performance, design-system alignment, onboarding, edge cases, or visual…