ant-design-x
SKILL.md
Ant Design X
S - Scope
- Target: @ant-design/x@^2 with antd@^6 and @ant-design/cssinjs.
- Cover: message/tool data models, streaming state, chat layouts, tool result rendering.
- Avoid: generic antd component questions without AI flows (use ant-design skill).
- Avoid: admin routing/layout and CRUD scaffolding (use ant-design-pro skill).
Reference index (Chinese)
| Topic | Description | Reference |
|---|---|---|
| Core v2 | Version scope and baseline guidance | references/x-v2.md |
| Components advanced | Message/tool component patterns | references/x-components-advanced.md |
| SDK advanced | Streaming integration and state model | references/x-sdk-advanced.md |
| Markdown advanced | X Markdown extensions and rendering | references/x-markdown-advanced.md |
P - Process
- Identify AI product context: chat/copilot/agent, message types, output formats, runtime.
- Model messages and tools as serializable data; keep JSX as pure views.
- Define streaming state: messages array, streamingMessageId, isGenerating, stop/retry actions.
- Map tool outputs to dedicated visual blocks; keep them expandable and inspectable.
- Optimize long sessions: virtualization, throttled streaming updates, stable keys.
- Use the
Referenceindex when the scenario is beyond the common path.
O - Output
- Provide message schema, tool schema, and minimal state model.
- Recommend X components and layout patterns with short rationale.
- Call out streaming/perf risks and mitigations (jank, scroll jumps, re-renders).
- Include error/stop/retry UX requirements and acceptance checks.
Weekly Installs
3
Repository
ant-design/antd-skillGitHub Stars
29
First Seen
Feb 2, 2026
Installed on
qoder2
trae1