Chart Visualization
bytedance/deer-flow
Picks a suitable chart type from 26 options for your data, maps the data to that chart's parameters and generates a chart image through a JavaScript script.
“专注讲解 XRequest 的实际配置和使用,基于官方文档提供准确的配置说明”
$ npx skills add kqcoxn/MaaPipelineEditor --skill x-request -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install kqcoxn/MaaPipelineEditor x-request --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/kqcoxn/MaaPipelineEditor.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.agents/skills/ant-design-x/skills/x-request .claude/skills/x-request && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "x-request" agent skill from https://github.com/kqcoxn/MaaPipelineEditor/tree/main/.agents/skills/ant-design-x/skills/x-request into .claude/skills/x-request/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "x-request", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/kqcoxn/MaaPipelineEditor/tree/main/.agents/skills/ant-design-x/skills/x-requestType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add kqcoxn/MaaPipelineEditor --skill x-request -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install kqcoxn/MaaPipelineEditor x-request --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/kqcoxn/MaaPipelineEditor.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.agents/skills/ant-design-x/skills/x-request .agents/skills/x-request && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "x-request" agent skill from https://github.com/kqcoxn/MaaPipelineEditor/tree/main/.agents/skills/ant-design-x/skills/x-request into .agents/skills/x-request/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "x-request", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add kqcoxn/MaaPipelineEditor --skill x-request -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install kqcoxn/MaaPipelineEditor x-request --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/kqcoxn/MaaPipelineEditor.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.agents/skills/ant-design-x/skills/x-request .cursor/skills/x-request && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "x-request" agent skill from https://github.com/kqcoxn/MaaPipelineEditor/tree/main/.agents/skills/ant-design-x/skills/x-request into .cursor/skills/x-request/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "x-request", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/kqcoxn/MaaPipelineEditor.git --path .agents/skills/ant-design-x/skills/x-request--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add kqcoxn/MaaPipelineEditor --skill x-request -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install kqcoxn/MaaPipelineEditor x-request --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/kqcoxn/MaaPipelineEditor.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.agents/skills/ant-design-x/skills/x-request .gemini/skills/x-request && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "x-request" agent skill from https://github.com/kqcoxn/MaaPipelineEditor/tree/main/.agents/skills/ant-design-x/skills/x-request into .gemini/skills/x-request/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "x-request", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install kqcoxn/MaaPipelineEditor x-requestInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add kqcoxn/MaaPipelineEditor --skill x-request -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/kqcoxn/MaaPipelineEditor.git skills-src && mkdir -p .github/skills && cp -r skills-src/.agents/skills/ant-design-x/skills/x-request .github/skills/x-request && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "x-request" agent skill from https://github.com/kqcoxn/MaaPipelineEditor/tree/main/.agents/skills/ant-design-x/skills/x-request into .github/skills/x-request/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "x-request", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add kqcoxn/MaaPipelineEditor --skill x-request -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install kqcoxn/MaaPipelineEditor x-request --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/kqcoxn/MaaPipelineEditor.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.agents/skills/ant-design-x/skills/x-request .opencode/skills/x-request && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "x-request" agent skill from https://github.com/kqcoxn/MaaPipelineEditor/tree/main/.agents/skills/ant-design-x/skills/x-request into .opencode/skills/x-request/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "x-request", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
x-requestX Request is a skill in kqcoxn/MaaPipelineEditor (408 stars). Its SKILL.md is about 1.8k tokens, with 3 other files in the folder. Licence: MIT.
Read from SKILL.md and the folder at commit e03dd0a. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
npmtscFrom the folder's file list and the shell code blocks in SKILL.md.
Hosts in commands or code, which the agent is likely to contact:
api.xxx.comhttpbin.orgapi.openai.comAlso links to:
github.comFrom URLs in SKILL.md, links to its own repository left out.
Names these keys or tokens, usually read from environment variables:
API_KEYDEBUG_API_KEYFrom names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
X Request loads about 1.8k tokens when it runs. Until then it costs about 12 tokens; SKILL.md has 248 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from kqcoxn/MaaPipelineEditor at commit e03dd0a, republished under its MIT licence (© kqcoxn). 248 words, ~1,818 tokens.
.claude/skills/x-request/SKILL.md (or your agent's skills folder). This skill also uses 3 other files; get the full folder from GitHub.本技能专注解决:如何正确配置 XRequest 来适配各种流式接口需求。
| 依赖包 | 版本要求 | 自动安装 | 作用 |
|---|---|---|---|
| @ant-design/x-sdk | ≥2.2.2 | ✅ | 核心SDK,包含XRequest工具 |
# 推荐使用 tnpm
tnpm install @ant-design/x-sdk
# 或使用 npm
npm add @ant-design/x-sdk
# 检查版本
npm ls @ant-design/x-sdkimport { XRequest } from '@ant-design/x-sdk';
// 最简配置:仅需提供API地址
const request = XRequest('https://api.example.com/chat');
// 如需手动控制(用于Provider场景)
const providerRequest = XRequest('https://api.example.com/chat', {
manual: true, // 仅此项通常需要显式配置
});💡 提示:XRequest 已内置合理的默认配置,大多数情况下只需提供API地址即可使用。
graph TD
A[XRequest] --> B[网络请求]
A --> C[认证管理]
A --> D[错误处理]
A --> E[流式处理]
B --> F[fetch封装]
C --> G[Token管理]
D --> H[重试机制]
E --> I[Server-Sent Events]| 概念 | 角色定位 | 核心职责 | 使用场景 |
|---|---|---|---|
| XRequest | 🌐 请求工具 | 处理所有网络通信、认证、错误处理 | 统一请求管理 |
| 全局配置 | ⚙️ 配置中心 | 一次配置,多处使用 | 减少重复代码 |
| 流式配置 | 🔄 流式处理 | 支持SSE和JSON响应格式 | AI对话场景 |
核心功能参考内容 CORE.md
| 运行环境 | 安全等级 | 配置方式 | 风险说明 |
|---|---|---|---|
| 浏览器前端 | 🔴 高危 | ❌ 禁止配置密钥 | 密钥会直接暴露给用户 |
| Node.js后端 | 🟢 安全 | ✅ 环境变量配置 | 密钥存储在服务器端 |
| 代理服务 | 🟢 安全 | ✅ 同域代理转发 | 密钥由代理服务管理 |
| 认证方式 | 适用环境 | 配置示例 | 安全性 |
|---|---|---|---|
| Bearer Token | Node.js | Bearer ${process.env.API_KEY} | ✅ 安全 |
| API Key Header | Node.js | X-API-Key: ${process.env.KEY} | ✅ 安全 |
| 代理转发 | 浏览器 | /api/proxy/service | ✅ 安全 |
| 直接配置 | 浏览器 | Bearer sk-xxx | ❌ 危险 |
Node.js调试配置:
// 安全的调试配置(Node.js 环境)
const debugRequest = XRequest('https://your-api.com/chat', {
headers: {
Authorization: `Bearer ${process.env.DEBUG_API_KEY}`,
},
params: { query: '测试消息' },
});前端调试配置:
// 安全的调试配置(前端环境)
const debugRequest = XRequest('/api/debug/chat', {
params: { query: '测试消息' },
});// 安全配置验证函数
const validateSecurity = (config: any) => {
const isBrowser = typeof window !== 'undefined';
const hasAuth = config.headers?.Authorization || config.headers?.authorization;
if (isBrowser && hasAuth) {
throw new Error('❌ 前端环境禁止配置 Authorization,存在密钥泄漏风险!');
}
console.log('✅ 安全配置检查通过');
return true;
};
// 使用示例
validateSecurity({
headers: {
// 不要包含 Authorization
},
});import { XRequest } from '@ant-design/x-sdk';
// 测试接口可用性
const testRequest = XRequest('https://httpbin.org/post', {
params: { test: 'data' },
});
// 立即发送请求
const response = await testRequest();
console.log(response);graph TD
A[x-request] -->|配置请求| B[x-chat-provider]
A -->|配置请求| C[use-x-chat]
B -->|提供Provider| C
A --> D[直接请求]| 使用方式 | 配合技能 | 作用 | 示例 |
|---|---|---|---|
| 独立使用 | 无 | 直接发起网络请求 | 测试接口可用性 |
| 配合 x-chat-provider | x-chat-provider | 为自定义 Provider 配置请求 | 配置私有 API |
| 配合 use-x-chat | use-x-chat | 为内置 Provider 配置请求 | 配置 OpenAI API |
| 完整 AI 应用 | x-request → x-chat-provider → use-x-chat | 为整个系统配置请求 | 完整 AI 对话应用 |
重要警告:useXChat 仅用于前端环境,XRequest 配置中禁止包含 Authorization!
❌ 错误配置(危险):
// 极度危险:密钥会直接暴露给浏览器
const unsafeRequest = XRequest('https://api.openai.com/v1/chat/completions', {
headers: {
Authorization: 'Bearer sk-xxxxxxxxxxxxxx', // ❌ 危险!
},
manual: true,
});✅ 正确配置(安全):
// 前端安全配置:使用代理服务
const safeRequest = XRequest('/api/proxy/openai', {
params: {
model: 'gpt-3.5-turbo',
stream: true,
},
manual: true,
});tsc --noEmit 确保无类型错误使用 XRequest 前请确认以下配置已正确设置:
| 检查项 | 状态 | 说明 |
|---|---|---|
| API 地址 | ✅ 必须配置 | XRequest('https://api.xxx.com') |
| 认证信息 | ⚠️ 环境相关 | 前端❌禁止,Node.js✅可用 |
| manual配置 | ✅ Provider场景 | 在Provider中需要设为true,其他场景需要根据实际情况设置 |
| 其他配置 | ❌ 无需配置 | 已内置合理默认值 |
| 接口可用性 | ✅ 建议测试 | 使用调试配置验证 |
// 运行前检查配置
const checkConfig = () => {
const checks = [
{
name: '全局配置',
test: () => {
// 检查是否已设置全局配置
return true; // 根据实际情况检查
},
},
{
name: '安全配置',
test: () => validateSecurity(globalConfig),
},
{
name: '类型检查',
test: () => {
// 运行 tsc --noEmit
return true;
},
},
];
checks.forEach((check) => {
console.log(`${check.name}: ${check.test() ? '✅' : '❌'}`);
});
};graph LR
A[x-request] -->|配置请求| B[x-chat-provider]
A -->|配置请求| C[use-x-chat]
B -->|提供Provider| C| 使用场景 | 所需技能 | 使用顺序 | 完成时间 |
|---|---|---|---|
| 测试接口 | x-request | 直接使用 | 2分钟 |
| 私有API适配 | x-request → x-chat-provider | 先配置请求,再创建Provider | 10分钟 |
| 标准AI应用 | x-request → use-x-chat | 先配置请求,再构建界面 | 15分钟 |
| 完整自定义 | x-request → x-chat-provider → use-x-chat | 完整工作流 | 30分钟 |
© kqcoxn, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
SKILL.md and 3 other files in .agents/skills/ant-design-x/skills/x-request of kqcoxn/MaaPipelineEditor.
Open the folder on GitHubat commit e03dd0a
X Request next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| X Request this skillkqcoxn/MaaPipelineEditor | 408 | — | ~1.8k | Automated safety check: Pass | MIT | |
| Chart Visualizationbytedance/deer-flow | 83k | 2 repos | ~840 | Automated safety check: Pass | MIT | |
| Web Access via Browser CDPeze-is/web-access | 9.1k | 4 repos | ~2.2k | Automated safety check: Pass | MIT | |
| Knap Markdown Templateskepano/obsidian-skills | 49k | 2 repos | ~986 | Automated safety check: Pass | MIT | |
| Electron Multi-Process ArchitectureiOfficeAI/AionUi | 33k | 1 repos | ~1.8k | Automated safety check: Pass | Apache-2.0 | |
| Chrome CDP Browser Controlzenstory-ai/oh-story-claudecode | 7.4k | 3 repos | ~1.2k | Automated safety check: Pass | MIT |
bytedance/deer-flow
Picks a suitable chart type from 26 options for your data, maps the data to that chart's parameters and generates a chart image through a JavaScript script.
eze-is/web-access
Routes every web task, from searching to logged-in browsing, through a tiered choice of search, fetch, curl or a real Chrome or Edge session driven over CDP.
kepano/obsidian-skills
Renders Markdown notes from Knap templates and JSON data on the command line, including notes built from Defuddle web page output.
iOfficeAI/AionUi
Tells the agent where new code belongs in an Electron multi-process project and which APIs each process may use, with rules for new bridges, services, agents and workers.
zenstory-ai/oh-story-claudecode
Drives a Chrome window over the DevTools Protocol with the agent-browser CLI, so the agent can reuse your logged-in sessions, read pages and pull tokens.
bytedance/deer-flow
Walks through an end-to-end smoke test of a DeerFlow deployment: pull the latest code, deploy with Docker or locally, verify services, run health checks and write a report.
kqcoxn/MaaPipelineEditor
Decision guide for antd 6.x, Ant Design Pro 5/ProComponents, Ant Design X v2, and the offline @ant-design/cli.
kqcoxn/MaaPipelineEditor
MaaFramework 开发与集成指南。当任务涉及 MaaFramework 项目结构、Pipeline 协议、ProjectInterface V2 协议、自定义识别/动作(Custom/Agent)、Python/NodeJS/CSharp 等语言 Binding 集成、控制器配置、回调协议或运行时行为时使用。
kqcoxn/MaaPipelineEditor
专注讲解如何使用 useXChat Hook,包括自定义 Provider 的集成、消息管理、错误处理、多会话管理等. An agent skill from kqcoxn/MaaPipelineEditor.
kqcoxn/MaaPipelineEditor
当需要用 @ant-design/x-card 让 AI Agent 动态渲染富交互 UI 时使用——涵盖 XCard.Box、XCard.Card、A2UI v0.9 命令、数据绑定、Catalog、Actions 和流式渲染模式。
kqcoxn/MaaPipelineEditor
专注于自定义 Chat Provider 的实现,帮助将任意流式接口适配为 Ant Design X 标准格式. An agent skill from kqcoxn/MaaPipelineEditor.
kqcoxn/MaaPipelineEditor
使用 @ant-design/x 组件库构建 AI 对话 UI 时使用 —— 涵盖 Bubble、Sender、Conversations、Prompts、ThoughtChain、Actions、Welcome、Attachments、Sources、Suggestion、Think、FileCard、CodeHighlighter、Mermaid、Folder、XProvider 和…
Works with
Run `npx skills add kqcoxn/MaaPipelineEditor --skill x-request -a claude-code`. Or copy the skill folder (.agents/skills/ant-design-x/skills/x-request in kqcoxn/MaaPipelineEditor) into .claude/skills/x-request in your project. Claude Code loads it when a task matches its description.
Run `npx skills add kqcoxn/MaaPipelineEditor --skill x-request -a codex`. Or copy the skill folder (.agents/skills/ant-design-x/skills/x-request in kqcoxn/MaaPipelineEditor) into .agents/skills/x-request in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add kqcoxn/MaaPipelineEditor --skill x-request -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/x-request, .gemini/skills/x-request, .github/skills/x-request and .opencode/skills/x-request in your project.
Going by SKILL.md and its folder, X Request needs the command-line tools its instructions call (npm and tsc) and credentials named API_KEY and DEBUG_API_KEY.
SKILL.md names 4 domains. In commands or code: api.xxx.com, httpbin.org and api.openai.com; the agent is likely to contact these when it follows the instructions. As links in the text: github.com. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
X Request is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.8k tokens (SKILL.md is roughly 7.3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with X Request: Chart Visualization (bytedance/deer-flow, 83k stars), Web Access via Browser CDP (eze-is/web-access, 9.1k stars), Knap Markdown Templates (kepano/obsidian-skills, 49k stars) and Electron Multi-Process Architecture (iOfficeAI/AionUi, 33k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
kqcoxn (a GitHub user) maintains it in kqcoxn/MaaPipelineEditor, which has 408 GitHub stars. The repository holds 11 skills in this directory. The repository was last updated on October 8, 2026.
Source: kqcoxn/MaaPipelineEditor on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.